#455396 Color

#455396 is rgb(69, 83, 150) in RGB and hsl(230, 37%, 43%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#455396

HEX#455396

RGBrgb(69, 83, 150)

HSLhsl(230, 37%, 43%)

HSVhsv(230, 54%, 59%)

OKLCHoklch(46.4% 0.11 272.6)

CMYKcmyk(54%, 45%, 0%, 41%)

Text Contrast & Accessibility

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

TextWhite text7.17:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#455396 Complementary#968945 Analogous#457B96 Analogous#604596 Triadic#964553 Triadic#539645

Tints & Shades

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

Tints

#5463B0 #707DBD #8C96CA #A4ACD5 #C0C6E2 #DCDFEF

Shades

#3B4781 #333D70 #2A325B #222849 #181D34 #101323

Use #455396 in Our Tools

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