#58F068

#58F068

Color Values

HEX

#58F068

RGB

88, 240, 104

HSL

126.3, 83.5%, 64.3%

HSV

126.3, 63.3%, 94.1%

CMYK

63.3%, 0.0%, 56.7%, 5.9%

OKLCH

0.8457 0.2202 145.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#58F068

#F058E0

Analogous

#94F058

#58F0B4

#58F068

Triadic

#58F068

#6858F0

#F06858

Split Complementary

#58F068

#B458F0

#F05894

Tetradic

#58F068

#5894F0

#F058E0

#F0B458

Color Blindness Simulation

Original

#58F068

Protanopia

#9A9B89

Deuteranopia

#918691

Tritanopia

#60A3A9

Achromatopsia

#C6C6C6

CSS Usage

background-color: #58F068;
color: #58F068;
border-color: #58F068;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF3
100
#E0FAE3
200
#BDF9C4
300
#8FF599
400
#52EF62
500
#15EA2B
600
#11BB23
700
#0D961C
800
#0B7516
900
#0C5514
950
#08360C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.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