#0BDA72

#0BDA72

Color Values

HEX

#0BDA72

RGB

11, 218, 114

HSL

149.9, 90.4%, 44.9%

HSV

149.9, 95.0%, 85.5%

CMYK

95.0%, 0.0%, 47.7%, 14.5%

OKLCH

0.7787 0.2028 152.1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0BDA72

#DA0B73

Analogous

#0BDA0B

#0BDADA

#0BDA72

Triadic

#0BDA72

#720BDA

#DA720B

Split Complementary

#0BDA72

#DA0BDA

#DA0B0B

Tetradic

#0BDA72

#0B0BDA

#DA0B73

#DADA0B

Color Blindness Simulation

Original

#0BDA72

Protanopia

#65668B

Deuteranopia

#594991

Tritanopia

#159FA3

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AF9C2
400
#4BF6A0
500
#0CF37F
600
#0AC266
700
#089B51
800
#067940
900
#095830
950
#06371F

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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