#0A6885 Color

#0A6885 is rgb(10, 104, 133) in RGB and hsl(194, 86%, 28%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#0A6885

HEX#0A6885

RGBrgb(10, 104, 133)

HSLhsl(194, 86%, 28%)

HSVhsv(194, 92%, 52%)

OKLCHoklch(48.3% 0.09 226.2)

CMYKcmyk(92%, 22%, 0%, 48%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#0A6885 Complementary#85270A Analogous#0A8564 Analogous#0A2B85 Triadic#850A68 Triadic#68850A

Tints & Shades

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

Tints

#0E8DB4 #11B3E4 #38C5F0 #67D3F4 #97E1F7 #C6EEFB

Shades

#095D77 #074E64 #064355 #053442 #042934 #021A21

Use #0A6885 in Our Tools

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