#0AF570

#0AF570

Color Values

HEX

#0AF570

RGB

10, 245, 112

HSL

146.0, 92.2%, 50.0%

HSV

146.0, 95.9%, 96.1%

CMYK

95.9%, 0.0%, 54.3%, 3.9%

OKLCH

0.8478 0.2356 149.4

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#0AF570

#F50A8F

Analogous

#1AF50A

#0AF5E5

#0AF570

Triadic

#0AF570

#700AF5

#F5700A

Split Complementary

#0AF570

#E50AF5

#F50A1A

Tetradic

#0AF570

#0A1AF5

#F50A8F

#F5E50A

Color Blindness Simulation

Original

#0AF570

Protanopia

#707290

Deuteranopia

#625098

Tritanopia

#16AAAF

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEB
200
#BAFCD7
300
#89FABA
400
#4AF895
500
#0AF570
600
#08C459
700
#069D48
800
#057B38
900
#08592B
950
#05381B

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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