#126897 Color

#126897 is rgb(18, 104, 151) in RGB and hsl(201, 79%, 33%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#126897

HEX#126897

RGBrgb(18, 104, 151)

HSLhsl(201, 79%, 33%)

HSVhsv(201, 88%, 59%)

OKLCHoklch(49.3% 0.106 239.8)

CMYKcmyk(88%, 31%, 0%, 41%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#126897 Complementary#974012 Analogous#129783 Analogous#122697 Triadic#971268 Triadic#689712

Tints & Shades

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

Tints

#1684C0 #24A2E5 #4DB3EA #76C5EF #9FD6F4 #CDEAF9

Shades

#105B84 #0D4F72 #0B4260 #093249 #062637 #041925

Use #126897 in Our Tools

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