#0BBA72

#0BBA72

Color Values

HEX

#0BBA72

RGB

11, 186, 114

HSL

155.3, 88.8%, 38.6%

HSV

155.3, 94.1%, 72.9%

CMYK

94.1%, 0.0%, 38.7%, 27.1%

OKLCH

0.6949 0.164 156.9

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#0BBA72

#BA0B53

Analogous

#0BBA1A

#0BAABA

#0BBA72

Triadic

#0BBA72

#720BBA

#BA720B

Split Complementary

#0BBA72

#BA0BAA

#BA1A0B

Tetradic

#0BBA72

#1A0BBA

#BA0B53

#AABA0B

Color Blindness Simulation

Original

#0BBA72

Protanopia

#575883

Deuteranopia

#4D4088

Tritanopia

#149194

Achromatopsia

#909090

CSS Usage

background-color: #0BBA72;
color: #0BBA72;
border-color: #0BBA72;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F2FDF8
100
#E0FBF0
200
#BCFBE1
300
#8BF8CB
400
#4DF4AF
500
#0EF194
600
#0BC176
700
#099A5E
800
#07784A
900
#0A5737
950
#063723

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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