#0BC151

#0BC151

Color Values

HEX

#0BC151

RGB

11, 193, 81

HSL

143.1, 89.2%, 40.0%

HSV

143.1, 94.3%, 75.7%

CMYK

94.3%, 0.0%, 58.0%, 24.3%

OKLCH

0.7082 0.2012 148.3

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0BC151

#C10B7B

Analogous

#20C10B

#0BC1AC

#0BC151

Triadic

#0BC151

#510BC1

#C1510B

Split Complementary

#0BC151

#AC0BC1

#C10B20

Tetradic

#0BC151

#0B20C1

#C10B7B

#C1AC0B

Color Blindness Simulation

Original

#0BC151

Protanopia

#5A5B6C

Deuteranopia

#4F4273

Tritanopia

#148286

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2FDF6
100
#E0FBEA
200
#BBFBD4
300
#8BF8B5
400
#4CF58D
500
#0EF165
600
#0BC151
700
#099A41
800
#077933
900
#0A5728
950
#063719

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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