#0B6972

#0B6972

Color Values

HEX

#0B6972

RGB

11, 105, 114

HSL

185.2, 82.4%, 24.5%

HSV

185.2, 90.4%, 44.7%

CMYK

90.4%, 7.9%, 0.0%, 55.3%

OKLCH

0.4765 0.0787 205.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0B6972

#72140B

Analogous

#0B7247

#0B3672

#0B6972

Triadic

#0B6972

#720B69

#69720B

Split Complementary

#0B6972

#720B36

#72470B

Tetradic

#0B6972

#470B72

#72140B

#36720B

Color Blindness Simulation

Original

#0B6972

Protanopia

#343570

Deuteranopia

#2E276F

Tritanopia

#106E6E

Achromatopsia

#565656

CSS Usage

background-color: #0B6972;
color: #0B6972;
border-color: #0B6972;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF4F9
300
#8FEBF4
400
#53E1EE
500
#16D6E9
600
#12ABBA
700
#0E8995
800
#0B6B74
900
#0D4E54
950
#083135

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

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