#0AF522

#0AF522

Color Values

HEX

#0AF522

RGB

10, 245, 34

HSL

126,1, 92,2%, 50,0%

HSV

126,1, 95,9%, 96,1%

CMYK

95,9%, 0,0%, 86,1%, 3,9%

OKLCH

0,8416 0,2798 143,0

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#0AF522

#F50ADD

Analogous

#68F50A

#0AF597

#0AF522

Triadic

#0AF522

#220AF5

#F5220A

Split Complementary

#0AF522

#970AF5

#F50A68

Tetradic

#0AF522

#0A68F5

#F50ADD

#F5970A

Color Blindness Simulation

Original

#0AF522

Protanopia

#707255

Deuteranopia

#625061

Tritanopia

#167D86

Achromatopsia

#B4B4B4

CSS Usage

background-color: #0AF522;
color: #0AF522;
border-color: #0AF522;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FDF3
100
#DFFBE2
200
#BAFCC1
300
#89FA95
400
#4AF85B
500
#0AF522
600
#08C41B
700
#069D16
800
#057B11
900
#085910
950
#05380A

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

14,1: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