#428C62

#428C62

Color Values

HEX

#428C62

RGB

66, 140, 98

HSL

145.9, 35.9%, 40.4%

HSV

145.9, 52.9%, 54.9%

CMYK

52.9%, 0.0%, 30.0%, 45.1%

OKLCH

0.5808 0.0991 156.5

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#428C62

#8C426C

Analogous

#478C42

#428C87

#428C62

Triadic

#428C62

#62428C

#8C6242

Split Complementary

#428C62

#87428C

#8C4247

Tetradic

#428C62

#42478C

#8C426C

#8C8742

Color Blindness Simulation

Original

#428C62

Protanopia

#62636C

Deuteranopia

#5E586F

Tritanopia

#467476

Achromatopsia

#797979

CSS Usage

background-color: #428C62;
color: #428C62;
border-color: #428C62;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8DA
300
#ACD8BF
400
#7FC39C
500
#52AD79
600
#418B61
700
#346F4E
800
#29573D
900
#21402E
950
#15281D

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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