#0B2C99

#0B2C99

Color Values

HEX

#0B2C99

RGB

11, 44, 153

HSL

226.1, 86.6%, 32.2%

HSV

226.1, 92.8%, 60.0%

CMYK

92.8%, 71.2%, 0.0%, 40.0%

OKLCH

0.3602 0.1795 264.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0B2C99

#99780B

Analogous

#0B7399

#310B99

#0B2C99

Triadic

#0B2C99

#990B2C

#2C990B

Split Complementary

#0B2C99

#99310B

#73990B

Tetradic

#0B2C99

#990B73

#99780B

#0B9931

Color Blindness Simulation

Original

#0B2C99

Protanopia

#191A7F

Deuteranopia

#171578

Tritanopia

#0D6A65

Achromatopsia

#2D2D2D

CSS Usage

background-color: #0B2C99;
color: #0B2C99;
border-color: #0B2C99;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BCCBFA
300
#8DA5F7
400
#4F75F2
500
#1144EE
600
#0E37BE
700
#0B2C98
800
#092277
900
#0B1C56
950
#071236

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

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