#666C7B

#666C7B

Color Values

HEX

#666C7B

RGB

102, 108, 123

HSL

222.9, 9.3%, 44.1%

HSV

222.9, 17.1%, 48.2%

CMYK

17.1%, 12.2%, 0.0%, 51.8%

OKLCH

0.5314 0.0246 268.2

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#666C7B

#7B7566

Analogous

#66767B

#6A667B

#666C7B

Triadic

#666C7B

#7B666C

#6C7B66

Split Complementary

#666C7B

#7B6A66

#767B66

Tetradic

#666C7B

#7B6676

#7B7566

#667B6A

Color Blindness Simulation

Original

#666C7B

Protanopia

#696977

Deuteranopia

#686876

Tritanopia

#667574

Achromatopsia

#6C6C6C

CSS Usage

background-color: #666C7B;
color: #666C7B;
border-color: #666C7B;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DADF
300
#BCBFC7
400
#989DA9
500
#747A8B
600
#5D626F
700
#4A4E59
800
#3A3D46
900
#2C2F35
950
#1C1D21

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026