#666B70

#666B70

Color Values

HEX

#666B70

RGB

102, 107, 112

HSL

210.0, 4.7%, 42.0%

HSV

210.0, 8.9%, 43.9%

CMYK

8.9%, 4.5%, 0.0%, 56.1%

OKLCH

0.5251 0.01 248.0

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#666B70

#706B66

Analogous

#667070

#666670

#666B70

Triadic

#666B70

#70666B

#6B7066

Split Complementary

#666B70

#706666

#707066

Tetradic

#666B70

#706670

#706B66

#667066

Color Blindness Simulation

Original

#666B70

Protanopia

#68686F

Deuteranopia

#68686E

Tritanopia

#666E6E

Achromatopsia

#6A6A6A

CSS Usage

background-color: #666B70;
color: #666B70;
border-color: #666B70;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#DADBDD
300
#BFC2C5
400
#9CA1A5
500
#7A8085
600
#61666B
700
#4E5255
800
#3D4043
900
#2E3032
950
#1D1F20

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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