#086B72 Color

#086B72 is rgb(8, 107, 114) in RGB and hsl(184, 87%, 24%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#086B72

HEX#086B72

RGBrgb(8, 107, 114)

HSLhsl(184, 87%, 24%)

HSVhsv(184, 93%, 45%)

OKLCHoklch(48.2% 0.08 202.9)

CMYKcmyk(93%, 6%, 0%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#086B72 Complementary#720F08 Analogous#087244 Analogous#083672 Triadic#72086B Triadic#6B7208

Tints & Shades

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

Tints

#0C9DA7 #0FC9D7 #2DE3F0 #5DEAF4 #91F1F7 #C1F7FB

Shades

#075E64 #065156 #054348 #043A3E #032D30 #021F21

Use #086B72 in Our Tools

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