#42F453

#42F453

Color Values

HEX

#42F453

RGB

66, 244, 83

HSL

125.7, 89.0%, 60.8%

HSV

125.7, 73.0%, 95.7%

CMYK

73.0%, 0.0%, 66.0%, 4.3%

OKLCH

0.8483 0.247 144.2

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#42F453

#F442E3

Analogous

#8AF442

#42F4AC

#42F453

Triadic

#42F453

#5342F4

#F45342

Split Complementary

#42F453

#AC42F4

#F4428A

Tetradic

#42F453

#428AF4

#F442E3

#F4AC42

Color Blindness Simulation

Original

#42F453

Protanopia

#8F917A

Deuteranopia

#857783

Tritanopia

#4B999F

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FBE2
200
#BCFBC2
300
#8BF896
400
#4DF55D
500
#0EF124
600
#0BC11C
700
#099A17
800
#077812
900
#0A5711
950
#06370B

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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