#0B8481

#0B8481

Color Values

HEX

#0B8481

RGB

11, 132, 129

HSL

178.5, 84.6%, 28.0%

HSV

178.5, 91.7%, 51.8%

CMYK

91.7%, 0.0%, 2.3%, 48.2%

OKLCH

0.5552 0.0933 192.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#0B8481

#840B0E

Analogous

#0B8444

#0B4A84

#0B8481

Triadic

#0B8481

#810B84

#84810B

Split Complementary

#0B8481

#840B4A

#84440B

Tetradic

#0B8481

#440B84

#840B0E

#4A840B

Color Blindness Simulation

Original

#0B8481

Protanopia

#3F4082

Deuteranopia

#382F82

Tritanopia

#118282

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAF9
200
#BDFAF8
300
#8EF6F3
400
#51F0EC
500
#14EBE6
600
#10BCB8
700
#0D9793
800
#0A7673
900
#0C5553
950
#073635

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

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