#665656

#665656

Color Values

HEX

#665656

RGB

102, 86, 86

HSL

0,0, 8,5%, 36,9%

HSV

0,0, 15,7%, 40,0%

CMYK

0,0%, 15,7%, 15,7%, 60,0%

OKLCH

0,469 0,0211 17,9

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#665656

#566666

Analogous

#66565E

#665E56

#665656

Triadic

#665656

#566656

#565666

Split Complementary

#665656

#56665E

#565E66

Tetradic

#665656

#5E6656

#566666

#5E5666

Color Blindness Simulation

Original

#665656

Protanopia

#5F5F56

Deuteranopia

#606156

Tritanopia

#655656

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED8D8
300
#C7BDBD
400
#A99999
500
#8A7575
600
#6F5D5D
700
#594B4B
800
#453A3A
900
#342D2D
950
#211C1C

Contrast Checker

Text on white

6,93:1

AA Pass AAA Fail

Text on black

3,03: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