#42996F

#42996F

Color Values

HEX

#42996F

RGB

66, 153, 111

HSL

151.0, 39.7%, 42.9%

HSV

151.0, 56.9%, 60.0%

CMYK

56.9%, 0.0%, 27.5%, 40.0%

OKLCH

0.6179 0.1063 159.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#42996F

#99426C

Analogous

#429943

#429799

#42996F

Triadic

#42996F

#6F4299

#996F42

Split Complementary

#42996F

#994297

#994342

Tetradic

#42996F

#434299

#99426C

#979942

Color Blindness Simulation

Original

#42996F

Protanopia

#686879

Deuteranopia

#635C7C

Tritanopia

#468183

Achromatopsia

#838383

CSS Usage

background-color: #42996F;
color: #42996F;
border-color: #42996F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDE9DC
300
#AADAC3
400
#7BC6A2
500
#4DB281
600
#3E8E67
700
#317253
800
#265941
900
#1F4231
950
#142A1F

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.02:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026