#07AF58

#07AF58

Color Values

HEX

#07AF58

RGB

7, 175, 88

HSL

148.9, 92.3%, 35.7%

HSV

148.9, 96.0%, 68.6%

CMYK

96.0%, 0.0%, 49.7%, 31.4%

OKLCH

0.6606 0.1742 151.6

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#07AF58

#AF075E

Analogous

#0AAF07

#07AFAC

#07AF58

Triadic

#07AF58

#5807AF

#AF5807

Split Complementary

#07AF58

#AC07AF

#AF070A

Tetradic

#07AF58

#070AAF

#AF075E

#AFAC07

Color Blindness Simulation

Original

#07AF58

Protanopia

#50516D

Deuteranopia

#463972

Tritanopia

#0F7E81

Achromatopsia

#858585

CSS Usage

background-color: #07AF58;
color: #07AF58;
border-color: #07AF58;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFCDA
300
#89FAC0
400
#4AF89D
500
#0AF57B
600
#08C463
700
#069D4F
800
#057B3E
900
#08592F
950
#05381E

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026