#459774

#459774

Color Values

HEX

#459774

RGB

69, 151, 116

HSL

154.4, 37.3%, 43.1%

HSV

154.4, 54.3%, 59.2%

CMYK

54.3%, 0.0%, 23.2%, 40.8%

OKLCH

0.6152 0.0973 163.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#459774

#974568

Analogous

#45974B

#459197

#459774

Triadic

#459774

#744597

#977445

Split Complementary

#459774

#974591

#974B45

Tetradic

#459774

#4B4597

#974568

#919745

Color Blindness Simulation

Original

#459774

Protanopia

#69697C

Deuteranopia

#645E7E

Tritanopia

#498385

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DD
300
#ABD9C5
400
#7DC4A6
500
#50AF86
600
#408C6C
700
#337056
800
#285843
900
#204133
950
#142920

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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