#1E2785 Color

#1E2785 is rgb(30, 39, 133) in RGB and hsl(235, 63%, 32%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#1E2785

HEX#1E2785

RGBrgb(30, 39, 133)

HSLhsl(235, 63%, 32%)

HSVhsv(235, 77%, 52%)

OKLCHoklch(33.7% 0.155 270.8)

CMYKcmyk(77%, 71%, 0%, 48%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1E2785 Complementary#857C1E Analogous#1E5A85 Analogous#491E85 Triadic#851E27 Triadic#27851E

Tints & Shades

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

Tints

#2732AA #3340D1 #5963D9 #828AE3 #A8ADEB #D1D4F5

Shades

#1A2274 #171D64 #131853 #0F1343 #0B0F32 #080A21

Use #1E2785 in Our Tools

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