#0B4586

#0B4586

Color Values

HEX

#0B4586

RGB

11, 69, 134

HSL

211.7, 84.8%, 28.4%

HSV

211.7, 91.8%, 52.5%

CMYK

91.8%, 48.5%, 0.0%, 47.5%

OKLCH

0.395 0.1226 255.5

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#0B4586

#864C0B

Analogous

#0B8286

#0E0B86

#0B4586

Triadic

#0B4586

#860B45

#45860B

Split Complementary

#0B4586

#860E0B

#82860B

Tetradic

#0B4586

#860B82

#864C0B

#0B860E

Color Blindness Simulation

Original

#0B4586

Protanopia

#242576

Deuteranopia

#211C72

Tritanopia

#0E6A67

Achromatopsia

#3D3D3D

CSS Usage

background-color: #0B4586;
color: #0B4586;
border-color: #0B4586;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDDAFA
300
#8EBFF6
400
#519CF1
500
#1379EC
600
#1061BC
700
#0C4E97
800
#0A3D76
900
#0B2E55
950
#071D36

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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