#0B3237

#0B3237

Color Values

HEX

#0B3237

RGB

11, 50, 55

HSL

186.8, 66.7%, 12.9%

HSV

186.8, 80.0%, 21.6%

CMYK

80.0%, 9.1%, 0.0%, 78.4%

OKLCH

0.2929 0.0431 207.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#0B3237

#37100B

Analogous

#0B3726

#0B1C37

#0B3237

Triadic

#0B3237

#370B32

#32370B

Split Complementary

#0B3237

#370B1C

#37260B

Tetradic

#0B3237

#260B37

#37100B

#1C370B

Color Blindness Simulation

Original

#0B3237

Protanopia

#1C1C36

Deuteranopia

#1A1736

Tritanopia

#0D3535

Achromatopsia

#2A2A2A

CSS Usage

background-color: #0B3237;
color: #0B3237;
border-color: #0B3237;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C3EEF3
300
#99E1EB
400
#62D1E0
500
#2AC1D5
600
#229BAA
700
#1B7C88
800
#15616A
900
#13474E
950
#0C2D31

Contrast Checker

Text on white

13.76:1

AA Pass AAA Pass

Text on black

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