#0BC152

#0BC152

Color Values

HEX

#0BC152

RGB

11, 193, 82

HSL

143.4, 89.2%, 40.0%

HSV

143.4, 94.3%, 75.7%

CMYK

94.3%, 0.0%, 57.5%, 24.3%

OKLCH

0.7083 0.2004 148.5

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#0BC152

#C10B7A

Analogous

#1FC10B

#0BC1AD

#0BC152

Triadic

#0BC152

#520BC1

#C1520B

Split Complementary

#0BC152

#AD0BC1

#C10B1F

Tetradic

#0BC152

#0B1FC1

#C10B7A

#C1AD0B

Color Blindness Simulation

Original

#0BC152

Protanopia

#5A5B6D

Deuteranopia

#4F4273

Tritanopia

#148287

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2FDF6
100
#E0FBEA
200
#BBFBD4
300
#8BF8B6
400
#4CF58E
500
#0EF166
600
#0BC152
700
#099A42
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