#0BA248

#0BA248

Color Values

HEX

#0BA248

RGB

11, 162, 72

HSL

144.2, 87.3%, 33.9%

HSV

144.2, 93.2%, 63.5%

CMYK

93.2%, 0.0%, 55.6%, 36.5%

OKLCH

0.623 0.1719 149.3

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#0BA248

#A20B65

Analogous

#1AA20B

#0BA293

#0BA248

Triadic

#0BA248

#480BA2

#A2480B

Split Complementary

#0BA248

#930BA2

#A20B1A

Tetradic

#0BA248

#0B1AA2

#A20B65

#A2930B

Color Blindness Simulation

Original

#0BA248

Protanopia

#4C4E5E

Deuteranopia

#443863

Tritanopia

#136F73

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2FDF6
100
#E0FAEB
200
#BCFAD5
300
#8CF7B7
400
#4EF391
500
#10EF6A
600
#0DBF55
700
#0A9944
800
#087735
900
#0A5729
950
#07371A

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026