#667381

#667381

Color Values

HEX

#667381

RGB

102, 115, 129

HSL

211.1, 11.7%, 45.3%

HSV

211.1, 20.9%, 50.6%

CMYK

20.9%, 10.9%, 0.0%, 49.4%

OKLCH

0.5497 0.0269 250.3

Properties

Cool Dark Nearest: lightsteelblue 4

Color Harmonies

Complementary

#667381

#817466

Analogous

#668181

#666681

#667381

Triadic

#667381

#816673

#738166

Split Complementary

#667381

#816666

#818166

Tetradic

#667381

#816681

#817466

#668166

Color Blindness Simulation

Original

#667381

Protanopia

#6C6C7E

Deuteranopia

#6B6A7D

Tritanopia

#677B7A

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DBDF
300
#BBC2C9
400
#96A0AC
500
#717F8E
600
#5A6672
700
#48515B
800
#383F47
900
#2B3036
950
#1B1E22

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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