#0B7382

#0B7382

Color Values

HEX

#0B7382

RGB

11, 115, 130

HSL

187.6, 84.4%, 27.6%

HSV

187.6, 91.5%, 51.0%

CMYK

91.5%, 11.5%, 0.0%, 49.0%

OKLCH

0.5103 0.0861 210.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0B7382

#821A0B

Analogous

#0B8255

#0B3782

#0B7382

Triadic

#0B7382

#820B73

#73820B

Split Complementary

#0B7382

#820B37

#82550B

Tetradic

#0B7382

#550B82

#821A0B

#37820B

Color Blindness Simulation

Original

#0B7382

Protanopia

#38397E

Deuteranopia

#322A7E

Tritanopia

#107C7B

Achromatopsia

#5E5E5E

CSS Usage

background-color: #0B7382;
color: #0B7382;
border-color: #0B7382;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FBFD
100
#E0F7FA
200
#BDF2F9
300
#8EE8F5
400
#51DCF0
500
#14D0EB
600
#10A6BC
700
#0D8596
800
#0A6876
900
#0C4C55
950
#073036

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026