#58B18C

#58B18C

Color Values

HEX

#58B18C

RGB

88, 177, 140

HSL

155.1, 36.3%, 52.0%

HSV

155.1, 50.3%, 69.4%

CMYK

50.3%, 0.0%, 20.9%, 30.6%

OKLCH

0.6948 0.1029 164.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#58B18C

#B1587D

Analogous

#58B160

#58A9B1

#58B18C

Triadic

#58B18C

#8C58B1

#B18C58

Split Complementary

#58B18C

#B158A9

#B16058

Tetradic

#58B18C

#6058B1

#B1587D

#A9B158

Color Blindness Simulation

Original

#58B18C

Protanopia

#7F7F95

Deuteranopia

#797397

Tritanopia

#5C9C9E

Achromatopsia

#9B9B9B

CSS Usage

background-color: #58B18C;
color: #58B18C;
border-color: #58B18C;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ACD8C6
400
#7EC3A6
500
#51AE87
600
#418B6C
700
#346F57
800
#295744
900
#214033
950
#152920

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

8.08:1

AA Pass AAA Pass

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