#665A69

#665A69

Color Values

HEX

#665A69

RGB

102, 90, 105

HSL

288.0, 7.7%, 38.2%

HSV

288.0, 14.3%, 41.2%

CMYK

2.9%, 14.3%, 0.0%, 58.8%

OKLCH

0.4844 0.0279 319.5

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#665A69

#5D695A

Analogous

#5E5A69

#695A64

#665A69

Triadic

#665A69

#69665A

#5A6966

Split Complementary

#665A69

#64695A

#5A695E

Tetradic

#665A69

#695E5A

#5D695A

#5A6469

Color Blindness Simulation

Original

#665A69

Protanopia

#616165

Deuteranopia

#626264

Tritanopia

#656362

Achromatopsia

#5E5E5E

CSS Usage

background-color: #665A69;
color: #665A69;
border-color: #665A69;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD9DE
300
#C5BDC7
400
#A599A8
500
#857689
600
#6B5E6E
700
#554B58
800
#433B45
900
#322D34
950
#201C21

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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