#57434A

#57434A

Color Values

HEX

#57434A

RGB

87, 67, 74

HSL

339.0, 13.0%, 30.2%

HSV

339.0, 23.0%, 34.1%

CMYK

0.0%, 23.0%, 14.9%, 65.9%

OKLCH

0.4066 0.0295 355.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#57434A

#435750

Analogous

#574354

#574643

#57434A

Triadic

#57434A

#4A5743

#434A57

Split Complementary

#57434A

#435746

#435457

Tetradic

#57434A

#545743

#435750

#464357

Color Blindness Simulation

Original

#57434A

Protanopia

#4E4E48

Deuteranopia

#505148

Tritanopia

#564747

Achromatopsia

#484848

CSS Usage

background-color: #57434A;
color: #57434A;
border-color: #57434A;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DA
300
#CABABF
400
#AD949D
500
#906F7B
600
#735962
700
#5C474E
800
#48373D
900
#362B2F
950
#221B1E

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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