#05AC50

#05AC50

Color Values

HEX

#05AC50

RGB

5, 172, 80

HSL

146.9, 94.4%, 34.7%

HSV

146.9, 97.1%, 67.5%

CMYK

97.1%, 0.0%, 53.5%, 32.5%

OKLCH

0.6511 0.1777 150.1

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#05AC50

#AC0561

Analogous

#0EAC05

#05ACA3

#05AC50

Triadic

#05AC50

#5005AC

#AC5005

Split Complementary

#05AC50

#A305AC

#AC050E

Tetradic

#05AC50

#050EAC

#AC0561

#ACA305

Color Blindness Simulation

Original

#05AC50

Protanopia

#4D4F66

Deuteranopia

#44376C

Tritanopia

#0D787C

Achromatopsia

#828282

CSS Usage

background-color: #05AC50;
color: #05AC50;
border-color: #05AC50;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BAFDD8
300
#88FCBC
400
#48FA97
500
#07F873
600
#06C65C
700
#059F4A
800
#047C3A
900
#075A2C
950
#05391C

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

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