#125DCE Color

#125DCE is rgb(18, 93, 206) in RGB and hsl(216, 84%, 44%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#125DCE

HEX#125DCE

RGBrgb(18, 93, 206)

HSLhsl(216, 84%, 44%)

HSVhsv(216, 91%, 81%)

OKLCHoklch(50.6% 0.189 259.7)

CMYKcmyk(91%, 55%, 0%, 19%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #125DCE background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.03:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.48:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #125DCE based on color wheel relationships. Click any swatch for its full breakdown.

Base#125DCE Complementary#CE8312 Analogous#12BCCE Analogous#2512CE Triadic#CE125D Triadic#5DCE12

Tints & Shades

Lighter tints and darker shades of #125DCE, useful for hover states, backgrounds, and text variants.

Tints

#1E70EB #3F85EE #649DF2 #8AB5F5 #AFCCF8 #D0E1FB

Shades

#1051B2 #0D469B #0B397F #092D63 #062046 #04152F

Use #125DCE in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex