#059669

#059669

Color Values

HEX

#059669

RGB

5, 150, 105

HSL

161.4, 93.5%, 30.4%

HSV

161.4, 96.7%, 58.8%

CMYK

96.7%, 0.0%, 30.0%, 41.2%

OKLCH

0.596 0.1274 163.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#059669

#960532

Analogous

#059621

#057A96

#059669

Triadic

#059669

#690596

#966905

Split Complementary

#059669

#96057A

#962105

Tetradic

#059669

#210596

#960532

#7A9605

Color Blindness Simulation

Original

#059669

Protanopia

#444574

Deuteranopia

#3B3076

Tritanopia

#0C7C7E

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFDE8
300
#89FBD8
400
#48F9C2
500
#08F7AD
600
#07C58A
700
#059E6F
800
#047B56
900
#085940
950
#053828

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57:1

AA Pass AAA Fail

Part of These Collections

Tailwind CSS — Emerald

Emerald 600

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