#60554C

#60554C

Color Values

HEX

#60554C

RGB

96, 85, 76

HSL

27.0, 11.6%, 33.7%

HSV

27.0, 20.8%, 37.6%

CMYK

0.0%, 11.5%, 20.8%, 62.4%

OKLCH

0.4575 0.0204 61.6

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#60554C

#4C5760

Analogous

#604C4D

#605F4C

#60554C

Triadic

#60554C

#4C6055

#554C60

Split Complementary

#60554C

#4C605F

#4C4D60

Tetradic

#60554C

#4D604C

#4C5760

#5F4C60

Color Blindness Simulation

Original

#60554C

Protanopia

#5B5B4E

Deuteranopia

#5C5D4F

Tritanopia

#5F5050

Achromatopsia

#575757

CSS Usage

background-color: #60554C;
color: #60554C;
border-color: #60554C;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDBD7
300
#C9C1BB
400
#ACA096
500
#8E7E71
600
#72655A
700
#5B5148
800
#473F38
900
#36302B
950
#221E1B

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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