#42F295

#42F295

Color Values

HEX

#42F295

RGB

66, 242, 149

HSL

148.3, 87.1%, 60.4%

HSV

148.3, 72.7%, 94.9%

CMYK

72.7%, 0.0%, 38.4%, 5.1%

OKLCH

0.8523 0.1914 154.9

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#42F295

#F2429F

Analogous

#47F242

#42F2ED

#42F295

Triadic

#42F295

#9542F2

#F29542

Split Complementary

#42F295

#ED42F2

#F24247

Tetradic

#42F295

#4247F2

#F2429F

#F2ED42

Color Blindness Simulation

Original

#42F295

Protanopia

#8E90AB

Deuteranopia

#8477B1

Tritanopia

#4BBDC1

Achromatopsia

#C6C6C6

CSS Usage

background-color: #42F295;
color: #42F295;
border-color: #42F295;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BCFADA
300
#8CF7BF
400
#4EF39C
500
#10EF79
600
#0DBF61
700
#0B994E
800
#08773D
900
#0A562E
950
#07371D

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026