#58F559

#58F559

Color Values

HEX

#58F559

RGB

88, 245, 89

HSL

120.4, 88.7%, 65.3%

HSV

120.4, 64.1%, 96.1%

CMYK

64.1%, 0.0%, 63.7%, 3.9%

OKLCH

0.8565 0.2373 143.2

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#58F559

#F558F4

Analogous

#A5F558

#58F5A8

#58F559

Triadic

#58F559

#5958F5

#F55958

Split Complementary

#58F559

#A858F5

#F558A5

Tetradic

#58F559

#58A5F5

#F558F4

#F5A858

Color Blindness Simulation

Original

#58F559

Protanopia

#9C9D7F

Deuteranopia

#938788

Tritanopia

#609DA3

Achromatopsia

#C8C8C8

CSS Usage

background-color: #58F559;
color: #58F559;
border-color: #58F559;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BCFBBC
300
#8CF88C
400
#4DF44E
500
#0EF110
600
#0CC00D
700
#099A0A
800
#077808
900
#0A570A
950
#063706

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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