#0A2B85 Color

#0A2B85 is rgb(10, 43, 133) in RGB and hsl(224, 86%, 28%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#0A2B85

HEX#0A2B85

RGBrgb(10, 43, 133)

HSLhsl(224, 86%, 28%)

HSVhsv(224, 92%, 52%)

OKLCHoklch(33.7% 0.155 264)

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

Text Contrast & Accessibility

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

TextWhite text12.37:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.7:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#0A2B85 Complementary#85640A Analogous#0A6885 Analogous#270A85 Triadic#850A2B Triadic#2B850A

Tints & Shades

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

Tints

#0E3AB4 #1149E4 #3869F0 #678DF4 #97B0F7 #C6D4FB

Shades

#092677 #072064 #061B55 #051542 #041134 #020B21

Use #0A2B85 in Our Tools

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