#574445

#574445

Color Values

HEX

#574445

RGB

87, 68, 69

HSL

356.8, 12.3%, 30.4%

HSV

356.8, 21.8%, 34.1%

CMYK

0.0%, 21.8%, 20.7%, 65.9%

OKLCH

0.4071 0.0263 14.7

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#574445

#445756

Analogous

#57444F

#574D44

#574445

Triadic

#574445

#455744

#444557

Split Complementary

#574445

#44574D

#444F57

Tetradic

#574445

#4F5744

#445756

#4D4457

Color Blindness Simulation

Original

#574445

Protanopia

#4F4F45

Deuteranopia

#505145

Tritanopia

#564545

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEB
200
#E0D7D7
300
#C9BABB
400
#AC9596
500
#8F7071
600
#73595B
700
#5C4849
800
#483839
900
#362B2C
950
#221B1C

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026