#059F70

#059F70

Color Values

HEX

#059F70

RGB

5, 159, 112

HSL

161.7, 93.9%, 32.2%

HSV

161.7, 96.9%, 62.4%

CMYK

96.9%, 0.0%, 29.6%, 37.6%

OKLCH

0.6221 0.1327 163.5

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#059F70

#9F0534

Analogous

#059F23

#05819F

#059F70

Triadic

#059F70

#70059F

#9F7005

Split Complementary

#059F70

#9F0581

#9F2305

Tetradic

#059F70

#23059F

#9F0534

#819F05

Color Blindness Simulation

Original

#059F70

Protanopia

#48497B

Deuteranopia

#3F337E

Tritanopia

#0D8486

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFDE8
300
#88FBD8
400
#48F9C3
500
#08F7AE
600
#06C68B
700
#059E6F
800
#047C57
900
#085940
950
#053829

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026