#0A5CAE Color

#0A5CAE is rgb(10, 92, 174) in RGB and hsl(210, 89%, 36%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#0A5CAE
HEX#0A5CAE
RGBrgb(10, 92, 174)
HSLhsl(210, 89%, 36%)
HSVhsv(210, 94%, 68%)
OKLCHoklch(47.8% 0.149 254.4)
CMYKcmyk(94%, 47%, 0%, 32%)

Text Contrast & Accessibility

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

TextWhite text6.66:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text3.15:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#0A5CAEComplementary#AE5C0AAnalogous#0AAEAEAnalogous#0A0AAETriadic#AE0A5CTriadic#5CAE0A

Tints & Shades

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

Use #0A5CAE in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex