#564145

#564145

Color Values

HEX

#564145

RGB

86, 65, 69

HSL

348.6, 13.9%, 29.6%

HSV

348.6, 24.4%, 33.7%

CMYK

0.0%, 24.4%, 19.8%, 66.3%

OKLCH

0.3993 0.0298 5.8

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#564145

#415652

Analogous

#56414F

#564741

#564145

Triadic

#564145

#455641

#414556

Split Complementary

#564145

#415647

#414F56

Tetradic

#564145

#4F5641

#415652

#474156

Color Blindness Simulation

Original

#564145

Protanopia

#4D4D44

Deuteranopia

#4E5044

Tritanopia

#554343

Achromatopsia

#464646

CSS Usage

background-color: #564145;
color: #564145;
border-color: #564145;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E0D6D8
300
#CAB9BD
400
#AE9499
500
#916E75
600
#74585D
700
#5D464B
800
#49373A
900
#372A2D
950
#221B1C

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

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