#666153

#666153

Color Values

HEX

#666153

RGB

102, 97, 83

HSL

44.2, 10.3%, 36.3%

HSV

44.2, 18.6%, 40.0%

CMYK

0.0%, 4.9%, 18.6%, 60.0%

OKLCH

0.493 0.0225 90.7

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#666153

#535866

Analogous

#665853

#626653

#666153

Triadic

#666153

#536661

#615366

Split Complementary

#666153

#536266

#585366

Tetradic

#666153

#536658

#535866

#665362

Color Blindness Simulation

Original

#666153

Protanopia

#646456

Deuteranopia

#646457

Tritanopia

#66595A

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD8
300
#C8C5BB
400
#AAA597
500
#8D8672
600
#716B5B
700
#5A5649
800
#464339
900
#35332C
950
#21201C

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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