#459970

#459970

Color Values

HEX

#459970

RGB

69, 153, 112

HSL

150.7, 37.8%, 43.5%

HSV

150.7, 54.9%, 60.0%

CMYK

54.9%, 0.0%, 26.8%, 40.0%

OKLCH

0.6193 0.1037 159.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#459970

#99456E

Analogous

#459946

#459899

#459970

Triadic

#459970

#704599

#997045

Split Complementary

#459970

#994598

#994645

Tetradic

#459970

#464599

#99456E

#989945

Color Blindness Simulation

Original

#459970

Protanopia

#696A7A

Deuteranopia

#645E7C

Tritanopia

#498283

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DC
300
#ABD9C2
400
#7DC4A1
500
#4FB081
600
#3F8D67
700
#337052
800
#285840
900
#204131
950
#14291F

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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