#56454B

#56454B

Color Values

HEX

#56454B

RGB

86, 69, 75

HSL

338.8, 11.0%, 30.4%

HSV

338.8, 19.8%, 33.7%

CMYK

0.0%, 19.8%, 12.8%, 66.3%

OKLCH

0.4102 0.025 355.1

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#56454B

#455650

Analogous

#564554

#564745

#56454B

Triadic

#56454B

#4B5645

#454B56

Split Complementary

#56454B

#455647

#455456

Tetradic

#56454B

#545645

#455650

#474556

Color Blindness Simulation

Original

#56454B

Protanopia

#4F4E4A

Deuteranopia

#505149

Tritanopia

#554848

Achromatopsia

#494949

CSS Usage

background-color: #56454B;
color: #56454B;
border-color: #56454B;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#DFD7DA
300
#C9BBC0
400
#AB969E
500
#8E717B
600
#715B63
700
#5B494F
800
#47393E
900
#352C2F
950
#221C1E

Contrast Checker

Text on white

8.94:1

AA Pass AAA Pass

Text on black

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