#454666

#454666

Color Values

HEX

#454666

RGB

69, 70, 102

HSL

238.2, 19.3%, 33.5%

HSV

238.2, 32.4%, 40.0%

CMYK

32.4%, 31.4%, 0.0%, 60.0%

OKLCH

0.4072 0.0534 282.4

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#454666

#666545

Analogous

#455666

#544566

#454666

Triadic

#454666

#664546

#466645

Split Complementary

#454666

#665445

#566645

Tetradic

#454666

#664556

#666545

#456654

Color Blindness Simulation

Original

#454666

Protanopia

#45455E

Deuteranopia

#45455C

Tritanopia

#455857

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E2
300
#B6B7CE
400
#8E90B3
500
#676898
600
#52537A
700
#424361
800
#33344C
900
#282939
950
#191A24

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026