#66993C

#66993C

Color Values

HEX

#66993C

RGB

102, 153, 60

HSL

92.9, 43.7%, 41.8%

HSV

92.9, 60.8%, 60.0%

CMYK

33.3%, 0.0%, 60.8%, 40.0%

OKLCH

0.6263 0.1361 133.2

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#66993C

#6F3C99

Analogous

#95993C

#3C9941

#66993C

Triadic

#66993C

#3C6699

#993C66

Split Complementary

#66993C

#413C99

#993C95

Tetradic

#66993C

#3C9599

#6F3C99

#99413C

Color Blindness Simulation

Original

#66993C

Protanopia

#7C7D52

Deuteranopia

#797558

Tritanopia

#696468

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DAEBCC
300
#BFDDA7
400
#9DCA77
500
#7AB748
600
#629339
700
#4E752E
800
#3D5C24
900
#2F441D
950
#1D2B13

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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