#062AAC Color

#062AAC is rgb(6, 42, 172) in RGB and hsl(227, 93%, 35%) in HSL. The closest CSS named color is MediumBlue. White text is most readable on this background.

#062AAC

HEX#062AAC

RGBrgb(6, 42, 172)

HSLhsl(227, 93%, 35%)

HSVhsv(227, 97%, 67%)

OKLCHoklch(37.7% 0.206 264.5)

CMYKcmyk(97%, 76%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text10.85:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#062AAC Complementary#AC8806 Analogous#067DAC Analogous#3506AC Triadic#AC062A Triadic#2AAC06

Tints & Shades

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

Tints

#0835D9 #1848F7 #446BF8 #708EFA #9DB1FB #C9D4FD

Shades

#062599 #051F80 #041B6C #031554 #021040 #010A27

Use #062AAC in Our Tools

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