#450660 Color

#450660 is rgb(69, 6, 96) in RGB and hsl(282, 88%, 20%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#450660

HEX#450660

RGBrgb(69, 6, 96)

HSLhsl(282, 88%, 20%)

HSVhsv(282, 94%, 38%)

OKLCHoklch(30.1% 0.143 311.9)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#450660 Complementary#216006 Analogous#180660 Analogous#60064E Triadic#604506 Triadic#066045

Tints & Shades

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

Tints

#6B0995 #910DC9 #B11EF1 #C557F4 #D78CF8 #EAC1FB

Shades

#3E0656 #340548 #2D043E #260335 #1F032B #15021D

Use #450660 in Our Tools

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