#428E64

#428E64

Color Values

HEX

#428E64

RGB

66, 142, 100

HSL

146.8, 36.5%, 40.8%

HSV

146.8, 53.5%, 55.7%

CMYK

53.5%, 0.0%, 29.6%, 44.3%

OKLCH

0.5865 0.1002 157.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#428E64

#8E426C

Analogous

#468E42

#428E8A

#428E64

Triadic

#428E64

#64428E

#8E6442

Split Complementary

#428E64

#8A428E

#8E4246

Tetradic

#428E64

#42468E

#8E426C

#8E8A42

Color Blindness Simulation

Original

#428E64

Protanopia

#63646E

Deuteranopia

#5E5971

Tritanopia

#467678

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DA
300
#ABD8BF
400
#7EC39D
500
#51AE7B
600
#418B62
700
#346F4E
800
#28573D
900
#21402F
950
#15291E

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026