#669C35

#669C35

Color Values

HEX

#669C35

RGB

102, 156, 53

HSL

91.5, 49.3%, 41.0%

HSV

91.5, 66.0%, 61.2%

CMYK

34.6%, 0.0%, 66.0%, 38.8%

OKLCH

0.6332 0.146 132.8

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#669C35

#6B359C

Analogous

#9A9C35

#359C38

#669C35

Triadic

#669C35

#35669C

#9C3566

Split Complementary

#669C35

#38359C

#9C359A

Tetradic

#669C35

#359A9C

#6B359C

#9C3835

Color Blindness Simulation

Original

#669C35

Protanopia

#7D7E4E

Deuteranopia

#7A7654

Tritanopia

#696266

Achromatopsia

#898989

CSS Usage

background-color: #669C35;
color: #669C35;
border-color: #669C35;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DAEDCA
300
#C0E0A4
400
#9ECF72
500
#7CBE41
600
#639834
700
#507A29
800
#3E5F20
900
#2F461B
950
#1E2C11

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026