#0B6599

#0B6599

Color Values

HEX

#0B6599

RGB

11, 101, 153

HSL

202.0, 86.6%, 32.2%

HSV

202.0, 92.8%, 60.0%

CMYK

92.8%, 34.0%, 0.0%, 40.0%

OKLCH

0.4862 0.1123 242.4

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#0B6599

#993F0B

Analogous

#0B9986

#0B1E99

#0B6599

Triadic

#0B6599

#990B65

#65990B

Split Complementary

#0B6599

#990B1E

#99860B

Tetradic

#0B6599

#860B99

#993F0B

#1E990B

Color Blindness Simulation

Original

#0B6599

Protanopia

#32338C

Deuteranopia

#2D2689

Tritanopia

#108280

Achromatopsia

#565656

CSS Usage

background-color: #0B6599;
color: #0B6599;
border-color: #0B6599;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BCE4FA
300
#8DD0F7
400
#4FB6F2
500
#119DEE
600
#0E7EBE
700
#0B6498
800
#094E77
900
#0B3B56
950
#072536

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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