#0B807C

#0B807C

Color Values

HEX

#0B807C

RGB

11, 128, 124

HSL

177.9, 84.2%, 27.3%

HSV

177.9, 91.4%, 50.2%

CMYK

91.4%, 0.0%, 3.1%, 49.8%

OKLCH

0.5426 0.0914 190.9

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#0B807C

#800B0F

Analogous

#0B8042

#0B4A80

#0B807C

Triadic

#0B807C

#7C0B80

#807C0B

Split Complementary

#0B807C

#800B4A

#80420B

Tetradic

#0B807C

#420B80

#800B0F

#4A800B

Color Blindness Simulation

Original

#0B807C

Protanopia

#3E3F7D

Deuteranopia

#372E7D

Tritanopia

#117E7E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF9
200
#BDF9F7
300
#8EF5F2
400
#51F0EB
500
#14EBE3
600
#10BCB6
700
#0D9691
800
#0A7572
900
#0C5553
950
#073634

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail 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