#42F253

#42F253

Color Values

HEX

#42F253

RGB

66, 242, 83

HSL

125.8, 87.1%, 60.4%

HSV

125.8, 72.7%, 94.9%

CMYK

72.7%, 0.0%, 65.7%, 5.1%

OKLCH

0.8433 0.2448 144.3

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#42F253

#F242E1

Analogous

#89F242

#42F2AB

#42F253

Triadic

#42F253

#5342F2

#F25342

Split Complementary

#42F253

#AB42F2

#F24289

Tetradic

#42F253

#4289F2

#F242E1

#F2AB42

Color Blindness Simulation

Original

#42F253

Protanopia

#8E9079

Deuteranopia

#847783

Tritanopia

#4B989F

Achromatopsia

#C1C1C1

CSS Usage

background-color: #42F253;
color: #42F253;
border-color: #42F253;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BCFAC2
300
#8CF797
400
#4EF35E
500
#10EF26
600
#0DBF1E
700
#0B9918
800
#087713
900
#0A5612
950
#07370B

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.06:1

AA Pass AAA Pass

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