#0B6672

#0B6672

Color Values

HEX

#0B6672

RGB

11, 102, 114

HSL

187.0, 82.4%, 24.5%

HSV

187.0, 90.4%, 44.7%

CMYK

90.4%, 10.5%, 0.0%, 55.3%

OKLCH

0.4684 0.078 209.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0B6672

#72170B

Analogous

#0B724A

#0B3272

#0B6672

Triadic

#0B6672

#720B66

#66720B

Split Complementary

#0B6672

#720B32

#724A0B

Tetradic

#0B6672

#4A0B72

#72170B

#32720B

Color Blindness Simulation

Original

#0B6672

Protanopia

#32336F

Deuteranopia

#2D266E

Tritanopia

#106D6C

Achromatopsia

#545454

CSS Usage

background-color: #0B6672;
color: #0B6672;
border-color: #0B6672;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F2FBFD
100
#E1F7FA
200
#BEF2F9
300
#8FE8F4
400
#53DCEE
500
#16D0E9
600
#12A6BA
700
#0E8595
800
#0B6874
900
#0D4C54
950
#083035

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026