#454153

#454153

Color Values

HEX

#454153

RGB

69, 65, 83

HSL

253.3, 12.2%, 29.0%

HSV

253.3, 21.7%, 32.5%

CMYK

16.9%, 21.7%, 0.0%, 67.5%

OKLCH

0.3864 0.0306 295.1

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#454153

#4F5341

Analogous

#414653

#4E4153

#454153

Triadic

#454153

#534541

#415345

Split Complementary

#454153

#534E41

#465341

Tetradic

#454153

#534146

#4F5341

#41534E

Color Blindness Simulation

Original

#454153

Protanopia

#43434F

Deuteranopia

#44444E

Tritanopia

#454B4A

Achromatopsia

#434343

CSS Usage

background-color: #454153;
color: #454153;
border-color: #454153;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#D9D7E0
300
#BEBAC9
400
#9A95AC
500
#77708F
600
#5F5A72
700
#4C485C
800
#3B3848
900
#2D2B36
950
#1D1B22

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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