#0BA292

#0BA292

Color Values

HEX

#0BA292

RGB

11, 162, 146

HSL

173.6, 87.3%, 33.9%

HSV

173.6, 93.2%, 63.5%

CMYK

93.2%, 0.0%, 9.9%, 36.5%

OKLCH

0.6401 0.1127 182.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#0BA292

#A20B1B

Analogous

#0BA246

#0B67A2

#0BA292

Triadic

#0BA292

#920BA2

#A2920B

Split Complementary

#0BA292

#A20B67

#A2460B

Tetradic

#0BA292

#460BA2

#A20B1B

#67A20B

Color Blindness Simulation

Original

#0BA292

Protanopia

#4C4E96

Deuteranopia

#443897

Tritanopia

#13999A

Achromatopsia

#818181

CSS Usage

background-color: #0BA292;
color: #0BA292;
border-color: #0BA292;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BCFAF4
300
#8CF7EC
400
#4EF3E1
500
#10EFD7
600
#0DBFAC
700
#0A998A
800
#08776C
900
#0A574E
950
#073732

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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