#125EAF Color

#125EAF is rgb(18, 94, 175) in RGB and hsl(211, 81%, 38%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#125EAF

HEX#125EAF

RGBrgb(18, 94, 175)

HSLhsl(211, 81%, 38%)

HSVhsv(211, 90%, 69%)

OKLCHoklch(48.5% 0.147 254.6)

CMYKcmyk(90%, 46%, 0%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#125EAF Complementary#AF6412 Analogous#12ADAF Analogous#1512AF Triadic#AF125E Triadic#5EAF12

Tints & Shades

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

Tints

#1775D9 #2F89E9 #59A1EE #7EB6F1 #A7CDF6 #CCE2FA

Shades

#105298 #0E4581 #0B396A #092F58 #072341 #04162A

Use #125EAF in Our Tools

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