#666B77

#666B77

Color Values

HEX

#666B77

RGB

102, 107, 119

HSL

222.4, 7.7%, 43.3%

HSV

222.4, 14.3%, 46.7%

CMYK

14.3%, 10.1%, 0.0%, 53.3%

OKLCH

0.5277 0.0198 267.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#666B77

#777266

Analogous

#667377

#696677

#666B77

Triadic

#666B77

#77666B

#6B7766

Split Complementary

#666B77

#776966

#737766

Tetradic

#666B77

#776673

#777266

#667769

Color Blindness Simulation

Original

#666B77

Protanopia

#686874

Deuteranopia

#686873

Tritanopia

#667271

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADE
300
#BDC0C7
400
#999EA8
500
#767B89
600
#5E636E
700
#4B4F58
800
#3B3E45
900
#2D2F34
950
#1C1E21

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026