#666D86

#666D86

Color Values

HEX

#666D86

RGB

102, 109, 134

HSL

226.9, 13.6%, 46.3%

HSV

226.9, 23.9%, 52.5%

CMYK

23.9%, 18.7%, 0.0%, 47.5%

OKLCH

0.5381 0.0401 272.7

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#666D86

#867F66

Analogous

#667D86

#6F6686

#666D86

Triadic

#666D86

#86666D

#6D8666

Split Complementary

#666D86

#866F66

#7D8666

Tetradic

#666D86

#86667D

#867F66

#66866F

Color Blindness Simulation

Original

#666D86

Protanopia

#696980

Deuteranopia

#69687E

Tritanopia

#667B7A

Achromatopsia

#6D6D6D

CSS Usage

background-color: #666D86;
color: #666D86;
border-color: #666D86;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D9E0
300
#B9BDCA
400
#9499AD
500
#6E7691
600
#585E74
700
#474B5D
800
#373B48
900
#2B2D36
950
#1B1C22

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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