#667A63

#667A63

Color Values

HEX

#667A63

RGB

102, 122, 99

HSL

112.2, 10.4%, 43.3%

HSV

112.2, 18.9%, 47.8%

CMYK

16.4%, 0.0%, 18.9%, 52.2%

OKLCH

0.5565 0.0421 141.5

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#667A63

#77637A

Analogous

#717A63

#637A6B

#667A63

Triadic

#667A63

#63667A

#7A6366

Split Complementary

#667A63

#6B637A

#7A6371

Tetradic

#667A63

#63717A

#77637A

#7A6B63

Color Blindness Simulation

Original

#667A63

Protanopia

#6F6F69

Deuteranopia

#6E6C6A

Tritanopia

#676D6E

Achromatopsia

#747474

CSS Usage

background-color: #667A63;
color: #667A63;
border-color: #667A63;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D9DFD8
300
#BDC8BB
400
#99AA97
500
#768D72
600
#5E715B
700
#4B5A49
800
#3B4639
900
#2D352C
950
#1C211C

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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