#0DAE63

#0DAE63

Color Values

HEX

#0DAE63

RGB

13, 174, 99

HSL

152.0, 86.1%, 36.7%

HSV

152.0, 92.5%, 68.2%

CMYK

92.5%, 0.0%, 43.1%, 31.8%

OKLCH

0.6602 0.1624 154.5

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#0DAE63

#AE0D58

Analogous

#0DAE12

#0DA9AE

#0DAE63

Triadic

#0DAE63

#630DAE

#AE630D

Split Complementary

#0DAE63

#AE0DA9

#AE120D

Tetradic

#0DAE63

#120DAE

#AE0D58

#A9AE0D

Color Blindness Simulation

Original

#0DAE63

Protanopia

#535475

Deuteranopia

#493D7A

Tritanopia

#158387

Achromatopsia

#868686

CSS Usage

background-color: #0DAE63;
color: #0DAE63;
border-color: #0DAE63;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADD
300
#8DF6C5
400
#4FF2A6
500
#12ED87
600
#0EBE6C
700
#0B9856
800
#097743
900
#0B5633
950
#073620

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026