#42DF20

#42DF20

Color Values

HEX

#42DF20

RGB

66, 223, 32

HSL

109,3, 74,9%, 50,0%

HSV

109,3, 85,7%, 87,5%

CMYK

70,4%, 0,0%, 85,7%, 12,5%

OKLCH

0,7913 0,2501 141,0

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#42DF20

#BD20DF

Analogous

#A2DF20

#20DF5D

#42DF20

Triadic

#42DF20

#2042DF

#DF2042

Split Complementary

#42DF20

#5D20DF

#DF20A2

Tetradic

#42DF20

#20A2DF

#BD20DF

#DF5D20

Color Blindness Simulation

Original

#42DF20

Protanopia

#86874E

Deuteranopia

#7D7159

Tritanopia

#4A737B

Achromatopsia

#B0B0B0

CSS Usage

background-color: #42DF20;
color: #42DF20;
border-color: #42DF20;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F4FCF2
100
#E6F9E2
200
#CAF6C1
300
#A4F094
400
#73E75A
500
#42DF20
600
#35B21A
700
#2A8F14
800
#216F10
900
#1B5110
950
#11330A

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,81:1

AA Pass AAA Pass

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