#062460 Color

#062460 is rgb(6, 36, 96) in RGB and hsl(220, 88%, 20%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#062460

HEX#062460

RGBrgb(6, 36, 96)

HSLhsl(220, 88%, 20%)

HSVhsv(220, 94%, 38%)

OKLCHoklch(28.3% 0.113 262)

CMYKcmyk(94%, 63%, 0%, 62%)

Text Contrast & Accessibility

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

TextWhite text14.7:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#062460 Complementary#604206 Analogous#065160 Analogous#150660 Triadic#600624 Triadic#246006

Tints & Shades

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

Tints

#093895 #0D4CC9 #1E64F1 #578CF4 #8CB0F8 #C1D4FB

Shades

#062056 #051B48 #04173E #031435 #03102B #020B1D

Use #062460 in Our Tools

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