#2AC903

#2AC903

Color Values

HEX

#2AC903

RGB

42, 201, 3

HSL

108.2, 97.1%, 40.0%

HSV

108.2, 98.5%, 78.8%

CMYK

79.1%, 0.0%, 98.5%, 21.2%

OKLCH

0.7281 0.2408 141.4

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#2AC903

#A203C9

Analogous

#8DC903

#03C93F

#2AC903

Triadic

#2AC903

#032AC9

#C9032A

Split Complementary

#2AC903

#3F03C9

#C9038D

Tetradic

#2AC903

#038DC9

#A203C9

#C93F03

Color Blindness Simulation

Original

#2AC903

Protanopia

#6F7033

Deuteranopia

#665A3E

Tritanopia

#325961

Achromatopsia

#999999

CSS Usage

background-color: #2AC903;
color: #2AC903;
border-color: #2AC903;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F4FEF1
100
#E4FCDE
200
#C6FEB9
300
#9EFD86
400
#69FC45
500
#34FB04
600
#2AC903
700
#22A102
800
#1A7E02
900
#175B06
950
#0E3904

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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