#669374

#669374

Color Values

HEX

#669374

RGB

102, 147, 116

HSL

138.7, 18.1%, 48.8%

HSV

138.7, 30.6%, 57.6%

CMYK

30.6%, 0.0%, 21.1%, 42.4%

OKLCH

0.6216 0.0679 154.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#669374

#936685

Analogous

#6E9366

#66938A

#669374

Triadic

#669374

#746693

#937466

Split Complementary

#669374

#8A6693

#93666E

Tetradic

#669374

#666E93

#936685

#938A66

Color Blindness Simulation

Original

#669374

Protanopia

#797A7B

Deuteranopia

#77747D

Tritanopia

#688183

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D5E2D9
300
#B7CDBE
400
#90B29A
500
#689777
600
#54785F
700
#43604C
800
#344B3B
900
#29382D
950
#1A241D

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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