#42F2AB

#42F2AB

Color Values

HEX

#42F2AB

RGB

66, 242, 171

HSL

155,8, 87,1%, 60,4%

HSV

155,8, 72,7%, 94,9%

CMYK

72,7%, 0,0%, 29,3%, 5,1%

OKLCH

0,8568 0,1727 161,3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#42F2AB

#F24289

Analogous

#42F253

#42E1F2

#42F2AB

Triadic

#42F2AB

#AB42F2

#F2AB42

Split Complementary

#42F2AB

#F242E1

#F25342

Tetradic

#42F2AB

#5342F2

#F24289

#E1F242

Color Blindness Simulation

Original

#42F2AB

Protanopia

#8E90BC

Deuteranopia

#8477C0

Tritanopia

#4BCACD

Achromatopsia

#C7C7C7

CSS Usage

background-color: #42F2AB;
color: #42F2AB;
border-color: #42F2AB;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F2FDF8
100
#E0FAF0
200
#BCFAE1
300
#8CF7CC
400
#4EF3B1
500
#10EF95
600
#0DBF77
700
#0B995F
800
#08774A
900
#0A5638
950
#073723

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026