#429960

#429960

Color Values

HEX

#429960

RGB

66, 153, 96

HSL

140.7, 39.7%, 42.9%

HSV

140.7, 56.9%, 60.0%

CMYK

56.9%, 0.0%, 37.3%, 40.0%

OKLCH

0.6145 0.1207 152.5

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#429960

#99427B

Analogous

#4F9942

#42998B

#429960

Triadic

#429960

#604299

#996042

Split Complementary

#429960

#8B4299

#99424F

Tetradic

#429960

#424F99

#99427B

#998B42

Color Blindness Simulation

Original

#429960

Protanopia

#68686E

Deuteranopia

#635C71

Tritanopia

#46797B

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EB
200
#CDE9D7
300
#AADABA
400
#7BC695
500
#4DB270
600
#3E8E59
700
#317248
800
#265938
900
#1F422B
950
#142A1B

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.96:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026