#667C76

#667C76

Color Values

HEX

#667C76

RGB

102, 124, 118

HSL

163.6, 9.7%, 44.3%

HSV

163.6, 17.7%, 48.6%

CMYK

17.7%, 0.0%, 4.8%, 51.4%

OKLCH

0.5668 0.0273 176.9

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#667C76

#7C666C

Analogous

#667C6B

#66777C

#667C76

Triadic

#667C76

#76667C

#7C7666

Split Complementary

#667C76

#7C6677

#7C6B66

Tetradic

#667C76

#6B667C

#7C666C

#777C66

Color Blindness Simulation

Original

#667C76

Protanopia

#707077

Deuteranopia

#6E6D78

Tritanopia

#677979

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDD
300
#BCC8C4
400
#97AAA5
500
#738C85
600
#5C706A
700
#4A5A55
800
#3A4643
900
#2C3532
950
#1C2120

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026