#669D50

#669D50

Color Values

HEX

#669D50

RGB

102, 157, 80

HSL

102.9, 32.5%, 46.5%

HSV

102.9, 49.0%, 61.6%

CMYK

35.0%, 0.0%, 49.0%, 38.4%

OKLCH

0.6391 0.1229 137.4

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#669D50

#87509D

Analogous

#8D9D50

#509D61

#669D50

Triadic

#669D50

#50669D

#9D5066

Split Complementary

#669D50

#61509D

#9D508D

Tetradic

#669D50

#508D9D

#87509D

#9D6150

Color Blindness Simulation

Original

#669D50

Protanopia

#7E7E63

Deuteranopia

#7B7667

Tritanopia

#697175

Achromatopsia

#8C8C8C

CSS Usage

background-color: #669D50;
color: #669D50;
border-color: #669D50;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F6F9F5
100
#EBF2E8
200
#D6E7D0
300
#B9D6AE
400
#93BF82
500
#6EA956
600
#588745
700
#466C37
800
#37542B
900
#2A3F22
950
#1B2816

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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