#0B2C5B

#0B2C5B

Color Values

HEX

#0B2C5B

RGB

11, 44, 91

HSL

215.2, 78.4%, 20.0%

HSV

215.2, 87.9%, 35.7%

CMYK

87.9%, 51.6%, 0.0%, 64.3%

OKLCH

0.2998 0.0926 258.2

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#0B2C5B

#5B3A0B

Analogous

#0B545B

#120B5B

#0B2C5B

Triadic

#0B2C5B

#5B0B2C

#2C5B0B

Split Complementary

#0B2C5B

#5B120B

#545B0B

Tetradic

#0B2C5B

#5B0B54

#5B3A0B

#0B5B12

Color Blindness Simulation

Original

#0B2C5B

Protanopia

#191A50

Deuteranopia

#17154D

Tritanopia

#0D4745

Achromatopsia

#282828

CSS Usage

background-color: #0B2C5B;
color: #0B2C5B;
border-color: #0B2C5B;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#BFD6F7
300
#92B9F2
400
#5794EB
500
#1C6EE3
600
#1658B6
700
#124792
800
#0E3772
900
#0E2B53
950
#091B34

Contrast Checker

Text on white

13.77:1

AA Pass AAA Pass

Text on black

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