#453554

#453554

Color Values

HEX

#453554

RGB

69, 53, 84

HSL

271.0, 22.6%, 26.9%

HSV

271.0, 36.9%, 32.9%

CMYK

17.9%, 36.9%, 0.0%, 67.1%

OKLCH

0.36 0.056 307.4

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#453554

#445435

Analogous

#363554

#543554

#453554

Triadic

#453554

#544535

#355445

Split Complementary

#453554

#545435

#355436

Tetradic

#453554

#543635

#445435

#355454

Color Blindness Simulation

Original

#453554

Protanopia

#3E3E4D

Deuteranopia

#3F404B

Tritanopia

#444745

Achromatopsia

#3B3B3B

CSS Usage

background-color: #453554;
color: #453554;
border-color: #453554;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F7F6F9
100
#EDEAF1
200
#DCD3E3
300
#C2B4D0
400
#A18BB6
500
#80639C
600
#674F7D
700
#523F64
800
#40314E
900
#31273A
950
#1F1825

Contrast Checker

Text on white

11.11:1

AA Pass AAA Pass

Text on black

1.89: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