#0ADD70

#0ADD70

Color Values

HEX

#0ADD70

RGB

10, 221, 112

HSL

149.0, 91.3%, 45.3%

HSV

149.0, 95.5%, 86.7%

CMYK

95.5%, 0.0%, 49.3%, 13.3%

OKLCH

0.7861 0.2081 151.4

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0ADD70

#DD0A77

Analogous

#0EDD0A

#0ADDD9

#0ADD70

Triadic

#0ADD70

#700ADD

#DD700A

Split Complementary

#0ADD70

#D90ADD

#DD0A0E

Tetradic

#0ADD70

#0A0EDD

#DD0A77

#DDD90A

Color Blindness Simulation

Original

#0ADD70

Protanopia

#65678A

Deuteranopia

#594991

Tritanopia

#159FA4

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDA
300
#8AFAC0
400
#4BF79E
500
#0BF47C
600
#09C363
700
#079C4F
800
#067A3E
900
#09582F
950
#05381E

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026