#667D6C

#667D6C

Color Values

HEX

#667D6C

RGB

102, 125, 108

HSL

135.7, 10.1%, 44.5%

HSV

135.7, 18.4%, 49.0%

CMYK

18.4%, 0.0%, 13.6%, 51.0%

OKLCH

0.5662 0.0373 153.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#667D6C

#7D6677

Analogous

#6B7D66

#667D77

#667D6C

Triadic

#667D6C

#6C667D

#7D6C66

Split Complementary

#667D6C

#77667D

#7D666B

Tetradic

#667D6C

#666B7D

#7D6677

#7D7766

Color Blindness Simulation

Original

#667D6C

Protanopia

#707070

Deuteranopia

#6F6D71

Tritanopia

#677374

Achromatopsia

#777777

CSS Usage

background-color: #667D6C;
color: #667D6C;
border-color: #667D6C;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFDA
300
#BCC8BF
400
#97AA9C
500
#738C79
600
#5C7061
700
#495A4E
800
#39463D
900
#2C352E
950
#1C211D

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass 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