#667D7F

#667D7F

Color Values

HEX

#667D7F

RGB

102, 125, 127

HSL

184.8, 10.9%, 44.9%

HSV

184.8, 19.7%, 49.8%

CMYK

19.7%, 1.6%, 0.0%, 50.2%

OKLCH

0.5722 0.0269 202.9

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#667D7F

#7F6866

Analogous

#667F74

#66707F

#667D7F

Triadic

#667D7F

#7F667D

#7D7F66

Split Complementary

#667D7F

#7F6670

#7F7466

Tetradic

#667D7F

#74667F

#7F6866

#707F66

Color Blindness Simulation

Original

#667D7F

Protanopia

#70707F

Deuteranopia

#6F6D7E

Tritanopia

#677E7E

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFDF
300
#BBC7C8
400
#96A9AB
500
#728B8D
600
#5B6F71
700
#49595A
800
#394647
900
#2C3435
950
#1C2122

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8:1

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