#0BBA63

#0BBA63

Color Values

HEX

#0BBA63

RGB

11, 186, 99

HSL

150.2, 88.8%, 38.6%

HSV

150.2, 94.1%, 72.9%

CMYK

94.1%, 0.0%, 46.8%, 27.1%

OKLCH

0.6922 0.1775 152.7

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#0BBA63

#BA0B62

Analogous

#0BBA0C

#0BB9BA

#0BBA63

Triadic

#0BBA63

#630BBA

#BA630B

Split Complementary

#0BBA63

#BA0BB9

#BA0C0B

Tetradic

#0BBA63

#0C0BBA

#BA0B62

#B9BA0B

Color Blindness Simulation

Original

#0BBA63

Protanopia

#575878

Deuteranopia

#4D407D

Tritanopia

#14898C

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FBED
200
#BCFBDC
300
#8BF8C2
400
#4DF4A1
500
#0EF180
600
#0BC167
700
#099A52
800
#077840
900
#0A5731
950
#06371F

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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