#0DBC60

#0DBC60

Color Values

HEX

#0DBC60

RGB

13, 188, 96

HSL

148.5, 87.1%, 39.4%

HSV

148.5, 93.1%, 73.7%

CMYK

93.1%, 0.0%, 48.9%, 26.3%

OKLCH

0.6971 0.1824 151.7

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0DBC60

#BC0D69

Analogous

#11BC0D

#0DBCB8

#0DBC60

Triadic

#0DBC60

#600DBC

#BC600D

Split Complementary

#0DBC60

#B80DBC

#BC0D11

Tetradic

#0DBC60

#0D11BC

#BC0D69

#BCB80D

Color Blindness Simulation

Original

#0DBC60

Protanopia

#595A76

Deuteranopia

#4F427C

Tritanopia

#16888C

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BCFADA
300
#8CF7BF
400
#4EF39D
500
#10EF7A
600
#0DBF62
700
#0B994E
800
#08773D
900
#0A562F
950
#07371D

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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