#669C24

#669C24

Color Values

HEX

#669C24

RGB

102, 156, 36

HSL

87.0, 62.5%, 37.6%

HSV

87.0, 76.9%, 61.2%

CMYK

34.6%, 0.0%, 76.9%, 38.8%

OKLCH

0.6318 0.1574 131.3

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#669C24

#5A249C

Analogous

#9C9624

#2A9C24

#669C24

Triadic

#669C24

#24669C

#9C2466

Split Complementary

#669C24

#242A9C

#96249C

Tetradic

#669C24

#249C96

#5A249C

#9C242A

Color Blindness Simulation

Original

#669C24

Protanopia

#7D7E41

Deuteranopia

#7A7648

Tritanopia

#69585D

Achromatopsia

#888888

CSS Usage

background-color: #669C24;
color: #669C24;
border-color: #669C24;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FBF3
100
#EEF7E4
200
#DEF2C5
300
#C6E89C
400
#A7DC66
500
#87CF30
600
#6CA626
700
#57851F
800
#446818
900
#334C15
950
#20300D

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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