#0B4696

#0B4696

Color Values

HEX

#0B4696

RGB

11, 70, 150

HSL

214.5, 86.3%, 31.6%

HSV

214.5, 92.7%, 58.8%

CMYK

92.7%, 53.3%, 0.0%, 41.2%

OKLCH

0.41 0.1435 258.4

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#0B4696

#965B0B

Analogous

#0B8C96

#150B96

#0B4696

Triadic

#0B4696

#960B46

#46960B

Split Complementary

#0B4696

#96150B

#8C960B

Tetradic

#0B4696

#960B8C

#965B0B

#0B9615

Color Blindness Simulation

Original

#0B4696

Protanopia

#252583

Deuteranopia

#211D7E

Tritanopia

#0E7370

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EBFA
200
#BCD7FA
300
#8DBAF7
400
#4F94F2
500
#116FEE
600
#0E59BE
700
#0B4798
800
#093777
900
#0B2B56
950
#071B36

Contrast Checker

Text on white

9.01:1

AA Pass AAA Pass

Text on black

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