#669885

#669885

Color Values

HEX

#669885

RGB

102, 152, 133

HSL

157.2, 19.7%, 49.8%

HSV

157.2, 32.9%, 59.6%

CMYK

32.9%, 0.0%, 12.5%, 40.4%

OKLCH

0.6384 0.0611 168.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#669885

#986679

Analogous

#66986C

#669298

#669885

Triadic

#669885

#856698

#988566

Split Complementary

#669885

#986692

#986C66

Tetradic

#669885

#6C6698

#986679

#929866

Color Blindness Simulation

Original

#669885

Protanopia

#7C7C8A

Deuteranopia

#79758B

Tritanopia

#688D8E

Achromatopsia

#8C8C8C

CSS Usage

background-color: #669885;
color: #669885;
border-color: #669885;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DD
300
#B6CEC5
400
#8EB3A5
500
#669986
600
#527A6B
700
#426255
800
#334C43
900
#283933
950
#192420

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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