#0DF284

#0DF284

Color Values

HEX

#0DF284

RGB

13, 242, 132

HSL

151,2, 89,8%, 50,0%

HSV

151,2, 94,6%, 94,9%

CMYK

94,6%, 0,0%, 45,5%, 5,1%

OKLCH

0,8433 0,2154 153,0

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#0DF284

#F20D7B

Analogous

#0DF212

#0DEDF2

#0DF284

Triadic

#0DF284

#840DF2

#F2840D

Split Complementary

#0DF284

#F20DED

#F2120D

Tetradic

#0DF284

#120DF2

#F20D7B

#EDF20D

Color Blindness Simulation

Original

#0DF284

Protanopia

#70729F

Deuteranopia

#6352A5

Tritanopia

#18B4B8

Achromatopsia

#B9B9B9

CSS Usage

background-color: #0DF284;
color: #0DF284;
border-color: #0DF284;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BBFBDD
300
#8BF9C4
400
#4CF5A4
500
#0DF284
600
#0AC26A
700
#089B55
800
#077942
900
#095832
950
#063720

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

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