#058653

#058653

Color Values

HEX

#058653

RGB

5, 134, 83

HSL

156.3, 92.8%, 27.3%

HSV

156.3, 96.3%, 52.5%

CMYK

96.3%, 0.0%, 38.1%, 47.5%

OKLCH

0.5466 0.1267 157.9

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#058653

#860538

Analogous

#058613

#057986

#058653

Triadic

#058653

#530586

#865305

Split Complementary

#058653

#860579

#861305

Tetradic

#058653

#130586

#860538

#798605

Color Blindness Simulation

Original

#058653

Protanopia

#3D3E5F

Deuteranopia

#352C62

Tritanopia

#0B696B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFCE2
300
#89FBCE
400
#49F8B3
500
#09F698
600
#07C57A
700
#069D62
800
#057B4C
900
#085939
950
#053824

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

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