#469770

#469770

Color Values

HEX

#469770

RGB

70, 151, 112

HSL

151.1, 36.7%, 43.3%

HSV

151.1, 53.6%, 59.2%

CMYK

53.6%, 0.0%, 25.8%, 40.8%

OKLCH

0.6145 0.1002 160.4

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#469770

#97466D

Analogous

#469747

#469597

#469770

Triadic

#469770

#704697

#977046

Split Complementary

#469770

#974695

#974746

Tetradic

#469770

#474697

#97466D

#959746

Color Blindness Simulation

Original

#469770

Protanopia

#696A79

Deuteranopia

#645E7C

Tritanopia

#4A8183

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DC
300
#ABD8C3
400
#7EC3A2
500
#51AE81
600
#418B67
700
#347053
800
#285741
900
#204031
950
#14291F

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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