#667E63

#667E63

Color Values

HEX

#667E63

RGB

102, 126, 99

HSL

113.3, 12.0%, 44.1%

HSV

113.3, 21.4%, 49.4%

CMYK

19.0%, 0.0%, 21.4%, 50.6%

OKLCH

0.5662 0.0495 142.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#667E63

#7B637E

Analogous

#737E63

#637E6D

#667E63

Triadic

#667E63

#63667E

#7E6366

Split Complementary

#667E63

#6D637E

#7E6373

Tetradic

#667E63

#63737E

#7B637E

#7E6D63

Color Blindness Simulation

Original

#667E63

Protanopia

#70716A

Deuteranopia

#6F6D6B

Tritanopia

#676F70

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D8E0D7
300
#BCC9BA
400
#98AC95
500
#748F70
600
#5C725A
700
#4A5B48
800
#3A4738
900
#2C362B
950
#1C221B

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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