#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026