#0B696B

#0B696B

Color Values

HEX

#0B696B

RGB

11, 105, 107

HSL

181.2, 81.4%, 23.1%

HSV

181.2, 89.7%, 42.0%

CMYK

89.7%, 1.9%, 0.0%, 58.0%

OKLCH

0.4736 0.0779 197.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0B696B

#6B0D0B

Analogous

#0B6B3D

#0B396B

#0B696B

Triadic

#0B696B

#6B0B69

#696B0B

Split Complementary

#0B696B

#6B0B39

#6B3D0B

Tetradic

#0B696B

#3D0B6B

#6B0D0B

#396B0B

Color Blindness Simulation

Original

#0B696B

Protanopia

#34356B

Deuteranopia

#2E276A

Tritanopia

#106A6A

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9FA
200
#BEF7F8
300
#90F2F4
400
#54EAED
500
#18E3E7
600
#13B6B9
700
#0F9194
800
#0C7274
900
#0D5354
950
#083435

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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