#669B28

#669B28

Color Values

HEX

#669B28

RGB

102, 155, 40

HSL

87.7, 59.0%, 38.2%

HSV

87.7, 74.2%, 60.8%

CMYK

34.2%, 0.0%, 74.2%, 39.2%

OKLCH

0.6296 0.1537 131.4

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#669B28

#5D289B

Analogous

#9B9628

#2C9B28

#669B28

Triadic

#669B28

#28669B

#9B2866

Split Complementary

#669B28

#282C9B

#96289B

Tetradic

#669B28

#289B96

#5D289B

#9B282C

Color Blindness Simulation

Original

#669B28

Protanopia

#7D7D44

Deuteranopia

#7A764A

Tritanopia

#695A5F

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DDF0C6
300
#C5E69E
400
#A5D869
500
#85CB34
600
#6BA22A
700
#558221
800
#43651A
900
#324A17
950
#202F0E

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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