#459575

#459575

Color Values

HEX

#459575

RGB

69, 149, 117

HSL

156.0, 36.7%, 42.7%

HSV

156.0, 53.7%, 58.4%

CMYK

53.7%, 0.0%, 21.5%, 41.6%

OKLCH

0.6103 0.0935 164.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#459575

#954565

Analogous

#45954D

#458D95

#459575

Triadic

#459575

#754595

#957545

Split Complementary

#459575

#95458D

#954D45

Tetradic

#459575

#4D4595

#954565

#8D9545

Color Blindness Simulation

Original

#459575

Protanopia

#68687D

Deuteranopia

#635D7F

Tritanopia

#498384

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ABD8C6
400
#7EC3A8
500
#51AE89
600
#418B6D
700
#347058
800
#285744
900
#204034
950
#142921

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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