#454860

#454860

Color Values

HEX

#454860

RGB

69, 72, 96

HSL

233.3, 16.4%, 32.4%

HSV

233.3, 28.1%, 37.6%

CMYK

28.1%, 25.0%, 0.0%, 62.4%

OKLCH

0.4088 0.0404 278.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#454860

#605D45

Analogous

#455660

#504560

#454860

Triadic

#454860

#604548

#486045

Split Complementary

#454860

#605045

#566045

Tetradic

#454860

#604556

#605D45

#456050

Color Blindness Simulation

Original

#454860

Protanopia

#46465A

Deuteranopia

#464659

Tritanopia

#455655

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEBF0
200
#D5D7E1
300
#B8BACC
400
#9195B0
500
#6B6F94
600
#555977
700
#44475F
800
#35384A
900
#292B38
950
#1A1B23

Contrast Checker

Text on white

8.94:1

AA Pass AAA Pass

Text on black

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