#0B8C96

#0B8C96

Color Values

HEX

#0B8C96

RGB

11, 140, 150

HSL

184.3, 86.3%, 31.6%

HSV

184.3, 92.7%, 58.8%

CMYK

92.7%, 6.7%, 0.0%, 41.2%

OKLCH

0.5843 0.0978 203.9

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#0B8C96

#96150B

Analogous

#0B965B

#0B4796

#0B8C96

Triadic

#0B8C96

#960B8C

#8C960B

Split Complementary

#0B8C96

#960B47

#965B0B

Tetradic

#0B8C96

#5B0B96

#96150B

#47960B

Color Blindness Simulation

Original

#0B8C96

Protanopia

#434494

Deuteranopia

#3B3293

Tritanopia

#119291

Achromatopsia

#717171

CSS Usage

background-color: #0B8C96;
color: #0B8C96;
border-color: #0B8C96;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BCF6FA
300
#8DEFF7
400
#4FE6F2
500
#11DEEE
600
#0EB1BE
700
#0B8E98
800
#096F77
900
#0B5156
950
#073336

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026