#0B6567

#0B6567

Color Values

HEX

#0B6567

RGB

11, 101, 103

HSL

181.3, 80.7%, 22.4%

HSV

181.3, 89.3%, 40.4%

CMYK

89.3%, 1.9%, 0.0%, 59.6%

OKLCH

0.461 0.0756 197.3

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#0B6567

#670D0B

Analogous

#0B673B

#0B3767

#0B6567

Triadic

#0B6567

#670B65

#65670B

Split Complementary

#0B6567

#670B37

#673B0B

Tetradic

#0B6567

#3B0B67

#670D0B

#37670B

Color Blindness Simulation

Original

#0B6567

Protanopia

#323367

Deuteranopia

#2D2666

Tritanopia

#106666

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F9F9
200
#BEF7F8
300
#90F1F3
400
#55E9ED
500
#19E2E6
600
#14B5B8
700
#109193
800
#0C7173
900
#0D5254
950
#083435

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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