#058652

#058652

Color Values

HEX

#058652

RGB

5, 134, 82

HSL

155.8, 92.8%, 27.3%

HSV

155.8, 96.3%, 52.5%

CMYK

96.3%, 0.0%, 38.8%, 47.5%

OKLCH

0.5464 0.1277 157.5

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#058652

#860539

Analogous

#058612

#057A86

#058652

Triadic

#058652

#520586

#865205

Split Complementary

#058652

#86057A

#861205

Tetradic

#058652

#120586

#860539

#7A8605

Color Blindness Simulation

Original

#058652

Protanopia

#3D3E5F

Deuteranopia

#352C62

Tritanopia

#0B696B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFCE2
300
#89FBCD
400
#49F8B2
500
#09F696
600
#07C578
700
#069D60
800
#057B4B
900
#085938
950
#053824

Contrast Checker

Text on white

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