#125ABF Color

#125ABF is rgb(18, 90, 191) in RGB and hsl(215, 83%, 41%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#125ABF

HEX#125ABF

RGBrgb(18, 90, 191)

HSLhsl(215, 83%, 41%)

HSVhsv(215, 91%, 75%)

OKLCHoklch(48.8% 0.173 258.8)

CMYKcmyk(91%, 53%, 0%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#125ABF Complementary#BF7712 Analogous#12B1BF Analogous#2012BF Triadic#BF125A Triadic#5ABF12

Tints & Shades

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

Tints

#156CE5 #3682EC #5C99F0 #86B4F4 #ABCBF7 #D0E2FB

Shades

#104FA8 #0D428C #0B3775 #092C5D #072146 #04142A

Use #125ABF in Our Tools

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