#452F75

#452F75

Color Values

HEX

#452F75

RGB

69, 47, 117

HSL

258.9, 42.7%, 32.2%

HSV

258.9, 59.8%, 45.9%

CMYK

41.0%, 59.8%, 0.0%, 54.1%

OKLCH

0.3694 0.1153 294.6

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#452F75

#5F752F

Analogous

#2F3C75

#682F75

#452F75

Triadic

#452F75

#75452F

#2F7545

Split Complementary

#452F75

#75682F

#3C752F

Tetradic

#452F75

#752F3C

#5F752F

#2F7568

Color Blindness Simulation

Original

#452F75

Protanopia

#3B3B64

Deuteranopia

#3D3E60

Tritanopia

#445754

Achromatopsia

#393939

CSS Usage

background-color: #452F75;
color: #452F75;
border-color: #452F75;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F5FA
100
#EBE7F4
200
#D6CCEB
300
#B8A8DC
400
#9278C9
500
#6B49B6
600
#563A92
700
#452F74
800
#36255B
900
#2A1E43
950
#1A132A

Contrast Checker

Text on white

10.96:1

AA Pass AAA Pass

Text on black

1.92:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026