#126865 Color

#126865 is rgb(18, 104, 101) in RGB and hsl(178, 70%, 24%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#126865

HEX#126865

RGBrgb(18, 104, 101)

HSLhsl(178, 70%, 24%)

HSVhsv(178, 83%, 41%)

OKLCHoklch(47% 0.076 191.2)

CMYKcmyk(83%, 0%, 3%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#126865 Complementary#681215 Analogous#12683A Analogous#124068 Triadic#651268 Triadic#686512

Tints & Shades

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

Tints

#1B9894 #22C3BE #40DDD8 #6CE5E1 #9BEDEB #C7F5F4

Shades

#105B59 #0E4E4C #0B413F #0A3837 #082B2A #051E1E

Use #126865 in Our Tools

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