#669648

#669648

Color Values

HEX

#669648

RGB

102, 150, 72

HSL

96.9, 35.1%, 43.5%

HSV

96.9, 52.0%, 58.8%

CMYK

32.0%, 0.0%, 52.0%, 41.2%

OKLCH

0.6203 0.1204 134.7

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#669648

#784896

Analogous

#8D9648

#489651

#669648

Triadic

#669648

#486696

#964866

Split Complementary

#669648

#514896

#96488D

Tetradic

#669648

#488D96

#784896

#965148

Color Blindness Simulation

Original

#669648

Protanopia

#7B7B5B

Deuteranopia

#78745F

Tritanopia

#686A6D

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF2E8
200
#D8E8CF
300
#BDD7AC
400
#99C280
500
#75AC53
600
#5E8A42
700
#4B6E35
800
#3B5629
900
#2D4021
950
#1C2815

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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