#669B3D

#669B3D

Color Values

HEX

#669B3D

RGB

102, 155, 61

HSL

93.8, 43.5%, 42.4%

HSV

93.8, 60.6%, 60.8%

CMYK

34.2%, 0.0%, 60.6%, 39.2%

OKLCH

0.6315 0.138 133.6

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#669B3D

#723D9B

Analogous

#959B3D

#3D9B43

#669B3D

Triadic

#669B3D

#3D669B

#9B3D66

Split Complementary

#669B3D

#433D9B

#9B3D95

Tetradic

#669B3D

#3D959B

#723D9B

#9B433D

Color Blindness Simulation

Original

#669B3D

Protanopia

#7D7D54

Deuteranopia

#7A7659

Tritanopia

#69666A

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D9EBCC
300
#BEDCA7
400
#9BCA78
500
#78B748
600
#60923A
700
#4D752E
800
#3C5B24
900
#2E431D
950
#1D2B13

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.32:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026