#0A628A Color

#0A628A is rgb(10, 98, 138) in RGB and hsl(199, 86%, 29%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#0A628A

HEX#0A628A

RGBrgb(10, 98, 138)

HSLhsl(199, 86%, 29%)

HSVhsv(199, 93%, 54%)

OKLCHoklch(47% 0.098 236.2)

CMYKcmyk(93%, 29%, 0%, 46%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#0A628A Complementary#8A330A Analogous#0A8A72 Analogous#0A228A Triadic#8A0A61 Triadic#618A0A

Tints & Shades

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

Tints

#0E83B9 #11A4E8 #3DB7F0 #67C7F4 #97D9F7 #C6EAFB

Shades

#095477 #084A68 #063C55 #053247 #042534 #031B26

Use #0A628A in Our Tools

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