#66895C

#66895C

Color Values

HEX

#66895C

RGB

102, 137, 92

HSL

106.7, 19.7%, 44.9%

HSV

106.7, 32.8%, 53.7%

CMYK

25.5%, 0.0%, 32.8%, 46.3%

OKLCH

0.5914 0.0774 138.8

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#66895C

#7F5C89

Analogous

#7C895C

#5C8968

#66895C

Triadic

#66895C

#5C6689

#895C66

Split Complementary

#66895C

#685C89

#895C7C

Tetradic

#66895C

#5C7C89

#7F5C89

#89685C

Color Blindness Simulation

Original

#66895C

Protanopia

#757567

Deuteranopia

#73706A

Tritanopia

#686F71

Achromatopsia

#7E7E7E

CSS Usage

background-color: #66895C;
color: #66895C;
border-color: #66895C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F9F6
100
#EBF0EA
200
#D7E2D4
300
#BBCEB6
400
#96B38E
500
#729966
600
#5B7A52
700
#496242
800
#394C33
900
#2C3928
950
#1C2419

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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