#42FF69

#42FF69

Color Values

HEX

#42FF69

RGB

66, 255, 105

HSL

132.4, 100.0%, 62.9%

HSV

132.4, 74.1%, 100.0%

CMYK

74.1%, 0.0%, 58.8%, 0.0%

OKLCH

0.8783 0.2437 146.2

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#42FF69

#FF42D8

Analogous

#79FF42

#42FFC7

#42FF69

Triadic

#42FF69

#6942FF

#FF6942

Split Complementary

#42FF69

#C742FF

#FF4279

Tetradic

#42FF69

#4279FF

#FF42D8

#FFC742

Color Blindness Simulation

Original

#42FF69

Protanopia

#94958D

Deuteranopia

#897B96

Tritanopia

#4BAAB0

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE4
200
#B8FFC6
300
#85FF9E
400
#42FF69
500
#00FF35
600
#00CC2A
700
#00A322
800
#00801A
900
#055C17
950
#033A0E

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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