#0AC226

#0AC226

Color Values

HEX

#0AC226

RGB

10, 194, 38

HSL

129.1, 90.2%, 40.0%

HSV

129.1, 94.8%, 76.1%

CMYK

94.8%, 0.0%, 80.4%, 23.9%

OKLCH

0.707 0.2296 143.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#0AC226

#C20AA6

Analogous

#4AC20A

#0AC282

#0AC226

Triadic

#0AC226

#260AC2

#C2260A

Split Complementary

#0AC226

#820AC2

#C20A4A

Tetradic

#0AC226

#0A4AC2

#C20AA6

#C2820A

Color Blindness Simulation

Original

#0AC226

Protanopia

#5A5B4C

Deuteranopia

#4F4155

Tritanopia

#136A70

Achromatopsia

#909090

CSS Usage

background-color: #0AC226;
color: #0AC226;
border-color: #0AC226;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF3
100
#DFFBE4
200
#BBFCC5
300
#8BF99B
400
#4CF665
500
#0CF32F
600
#0AC226
700
#089B1E
800
#067918
900
#095815
950
#06370D

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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