#42987A

#42987A

Color Values

HEX

#42987A

RGB

66, 152, 122

HSL

159.1, 39.4%, 42.7%

HSV

159.1, 56.6%, 59.6%

CMYK

56.6%, 0.0%, 19.7%, 40.4%

OKLCH

0.6182 0.0956 167.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#42987A

#984260

Analogous

#42984F

#428B98

#42987A

Triadic

#42987A

#7A4298

#987A42

Split Complementary

#42987A

#98428B

#984F42

Tetradic

#42987A

#4F4298

#984260

#8B9842

Color Blindness Simulation

Original

#42987A

Protanopia

#676881

Deuteranopia

#625C83

Tritanopia

#468788

Achromatopsia

#848484

CSS Usage

background-color: #42987A;
color: #42987A;
border-color: #42987A;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9E0
300
#AADAC9
400
#7BC6AC
500
#4DB28F
600
#3E8E72
700
#31725B
800
#275947
900
#1F4236
950
#142922

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

AA Pass AAA Fail

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