#66866D

#66866D

Color Values

HEX

#66866D

RGB

102, 134, 109

HSL

133.1, 13.6%, 46.3%

HSV

133.1, 23.9%, 52.5%

CMYK

23.9%, 0.0%, 18.7%, 47.5%

OKLCH

0.5882 0.0525 151.2

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#66866D

#86667F

Analogous

#6F8666

#66867D

#66866D

Triadic

#66866D

#6D6686

#866D66

Split Complementary

#66866D

#7D6686

#86666F

Tetradic

#66866D

#666F86

#86667F

#867D66

Color Blindness Simulation

Original

#66866D

Protanopia

#747473

Deuteranopia

#727074

Tritanopia

#687879

Achromatopsia

#7D7D7D

CSS Usage

background-color: #66866D;
color: #66866D;
border-color: #66866D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D6E0D9
300
#B9CABD
400
#94AD99
500
#6E9176
600
#58745E
700
#475D4B
800
#37483B
900
#2B362D
950
#1B221C

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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