#453A4B

#453A4B

Color Values

HEX

#453A4B

RGB

69, 58, 75

HSL

278.8, 12.8%, 26.1%

HSV

278.8, 22.7%, 29.4%

CMYK

8.0%, 22.7%, 0.0%, 70.6%

OKLCH

0.3667 0.0321 313.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#453A4B

#404B3A

Analogous

#3D3A4B

#4B3A49

#453A4B

Triadic

#453A4B

#4B453A

#3A4B45

Split Complementary

#453A4B

#494B3A

#3A4B3D

Tetradic

#453A4B

#4B3D3A

#404B3A

#3A494B

Color Blindness Simulation

Original

#453A4B

Protanopia

#404047

Deuteranopia

#414246

Tritanopia

#444443

Achromatopsia

#3E3E3E

CSS Usage

background-color: #453A4B;
color: #453A4B;
border-color: #453A4B;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A495AD
500
#846F90
600
#6A5973
700
#55475C
800
#423848
900
#322B36
950
#201B22

Contrast Checker

Text on white

10.72:1

AA Pass AAA Pass

Text on black

1.96:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026