#669D22

#669D22

Color Values

HEX

#669D22

RGB

102, 157, 34

HSL

86.8, 64.4%, 37.5%

HSV

86.8, 78.3%, 61.6%

CMYK

35.0%, 0.0%, 78.3%, 38.4%

OKLCH

0.6343 0.1597 131.3

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#669D22

#59229D

Analogous

#9D9722

#299D22

#669D22

Triadic

#669D22

#22669D

#9D2266

Split Complementary

#669D22

#22299D

#97229D

Tetradic

#669D22

#229D97

#59229D

#9D2229

Color Blindness Simulation

Original

#669D22

Protanopia

#7E7E40

Deuteranopia

#7B7647

Tritanopia

#69575C

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DEF2C4
300
#C6E99A
400
#A7DD64
500
#88D22D
600
#6DA824
700
#57861D
800
#446917
900
#334D14
950
#20300D

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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