#42A207

#42A207

Color Values

HEX

#42A207

RGB

66, 162, 7

HSL

97.2, 91.7%, 33.1%

HSV

97.2, 95.7%, 63.5%

CMYK

59.3%, 0.0%, 95.7%, 36.5%

OKLCH

0.6294 0.1927 138.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#42A207

#6707A2

Analogous

#8FA207

#07A21A

#42A207

Triadic

#42A207

#0742A2

#A20742

Split Complementary

#42A207

#1A07A2

#A2078F

Tetradic

#42A207

#078FA2

#6707A2

#A21A07

Color Blindness Simulation

Original

#42A207

Protanopia

#6C6C2C

Deuteranopia

#665F36

Tritanopia

#474A51

Achromatopsia

#828282

CSS Usage

background-color: #42A207;
color: #42A207;
border-color: #42A207;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D3FCBB
300
#B4FA8A
400
#8CF74A
500
#63F40B
600
#50C408
700
#409C07
800
#327A05
900
#275808
950
#193805

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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