#0B4297

#0B4297

Color Values

HEX

#0B4297

RGB

11, 66, 151

HSL

216.4, 86.4%, 31.8%

HSV

216.4, 92.7%, 59.2%

CMYK

92.7%, 56.3%, 0.0%, 40.8%

OKLCH

0.4019 0.15 259.9

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#0B4297

#97600B

Analogous

#0B8897

#1A0B97

#0B4297

Triadic

#0B4297

#970B42

#42970B

Split Complementary

#0B4297

#971A0B

#88970B

Tetradic

#0B4297

#970B88

#97600B

#0B971A

Color Blindness Simulation

Original

#0B4297

Protanopia

#232382

Deuteranopia

#201C7D

Tritanopia

#0E726F

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD5FA
300
#8DB7F7
400
#4F8FF2
500
#1168EE
600
#0E53BE
700
#0B4398
800
#093477
900
#0B2856
950
#071A36

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026