#0BAE61

#0BAE61

Color Values

HEX

#0BAE61

RGB

11, 174, 97

HSL

151.7, 88.1%, 36.3%

HSV

151.7, 93.7%, 68.2%

CMYK

93.7%, 0.0%, 44.3%, 31.8%

OKLCH

0.6597 0.1644 154.0

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#0BAE61

#AE0B58

Analogous

#0BAE10

#0BA9AE

#0BAE61

Triadic

#0BAE61

#610BAE

#AE610B

Split Complementary

#0BAE61

#AE0BA9

#AE100B

Tetradic

#0BAE61

#100BAE

#AE0B58

#A9AE0B

Color Blindness Simulation

Original

#0BAE61

Protanopia

#525374

Deuteranopia

#483C78

Tritanopia

#138286

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BCFBDD
300
#8CF8C5
400
#4EF4A5
500
#0FF086
600
#0CC06B
700
#0A9956
800
#087843
900
#0A5733
950
#063720

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.24:1

AA Pass AAA Pass

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