#665A6C

#665A6C

Color Values

HEX

#665A6C

RGB

102, 90, 108

HSL

280.0, 9.1%, 38.8%

HSV

280.0, 16.7%, 42.4%

CMYK

5.6%, 16.7%, 0.0%, 57.6%

OKLCH

0.4856 0.0319 314.5

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#665A6C

#606C5A

Analogous

#5D5A6C

#6C5A69

#665A6C

Triadic

#665A6C

#6C665A

#5A6C66

Split Complementary

#665A6C

#696C5A

#5A6C5D

Tetradic

#665A6C

#6C5D5A

#606C5A

#5A696C

Color Blindness Simulation

Original

#665A6C

Protanopia

#616168

Deuteranopia

#626267

Tritanopia

#656463

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DCD8DF
300
#C4BCC7
400
#A498A9
500
#83748B
600
#695D6F
700
#544A59
800
#423A46
900
#322C34
950
#1F1C21

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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