#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

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