#58AC07

#58AC07

Color Values

HEX

#58AC07

RGB

88, 172, 7

HSL

90,5, 92,2%, 35,1%

HSV

90,5, 95,9%, 67,5%

CMYK

48,8%, 0,0%, 95,9%, 32,5%

OKLCH

0,6648 0,1936 135,4

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#58AC07

#5B07AC

Analogous

#ABAC07

#07AC08

#58AC07

Triadic

#58AC07

#0758AC

#AC0758

Split Complementary

#58AC07

#0807AC

#AC07AB

Tetradic

#58AC07

#07ABAC

#5B07AC

#AC0807

Color Blindness Simulation

Original

#58AC07

Protanopia

#7C7D2F

Deuteranopia

#787138

Tritanopia

#5C4E55

Achromatopsia

#8E8E8E

CSS Usage

background-color: #58AC07;
color: #58AC07;
border-color: #58AC07;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFCBA
300
#C1FA89
400
#9FF84A
500
#7EF50A
600
#64C408
700
#509D06
800
#3F7B05
900
#305908
950
#1E3805

Contrast Checker

Text on white

2,87:1

AA Fail AAA Fail

Text on black

7,32:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026