#56584A

#56584A

Color Values

HEX

#56584A

RGB

86, 88, 74

HSL

68,6, 8,6%, 31,8%

HSV

68,6, 15,9%, 34,5%

CMYK

2,3%, 0,0%, 15,9%, 65,5%

OKLCH

0,4542 0,0222 113,9

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#56584A

#4C4A58

Analogous

#58534A

#4F584A

#56584A

Triadic

#56584A

#4A5658

#584A56

Split Complementary

#56584A

#4A4F58

#534A58

Tetradic

#56584A

#4A5853

#4C4A58

#584A4F

Color Blindness Simulation

Original

#56584A

Protanopia

#57574D

Deuteranopia

#57574E

Tritanopia

#565051

Achromatopsia

#575757

CSS Usage

background-color: #56584A;
color: #56584A;
border-color: #56584A;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED8
300
#C6C7BD
400
#A6A999
500
#878A75
600
#6C6F5D
700
#57594B
800
#44453A
900
#33342D
950
#20211C

Contrast Checker

Text on white

7,27:1

AA Pass AAA Pass

Text on black

2,89: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