#42AC87

#42AC87

Color Values

HEX

#42AC87

RGB

66, 172, 135

HSL

159.1, 44.5%, 46.7%

HSV

159.1, 61.6%, 67.5%

CMYK

61.6%, 0.0%, 21.5%, 32.5%

OKLCH

0.6729 0.1126 166.7

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#42AC87

#AC4267

Analogous

#42AC52

#429CAC

#42AC87

Triadic

#42AC87

#8742AC

#AC8742

Split Complementary

#42AC87

#AC429C

#AC5242

Tetradic

#42AC87

#5242AC

#AC4267

#9CAC42

Color Blindness Simulation

Original

#42AC87

Protanopia

#707190

Deuteranopia

#6A6292

Tritanopia

#479799

Achromatopsia

#939393

CSS Usage

background-color: #42AC87;
color: #42AC87;
border-color: #42AC87;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBE0
300
#A7DDCA
400
#77CBAD
500
#47B891
600
#399374
700
#2D765D
800
#235C48
900
#1D4436
950
#122B22

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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