#0B2F99

#0B2F99

Color Values

HEX

#0B2F99

RGB

11, 47, 153

HSL

224.8, 86.6%, 32.2%

HSV

224.8, 92.8%, 60.0%

CMYK

92.8%, 69.3%, 0.0%, 40.0%

OKLCH

0.3656 0.1761 264.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0B2F99

#99750B

Analogous

#0B7699

#2E0B99

#0B2F99

Triadic

#0B2F99

#990B2F

#2F990B

Split Complementary

#0B2F99

#992E0B

#76990B

Tetradic

#0B2F99

#990B76

#99750B

#0B992E

Color Blindness Simulation

Original

#0B2F99

Protanopia

#1B1B7F

Deuteranopia

#181679

Tritanopia

#0D6B67

Achromatopsia

#2F2F2F

CSS Usage

background-color: #0B2F99;
color: #0B2F99;
border-color: #0B2F99;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BCCCFA
300
#8DA8F7
400
#4F78F2
500
#1149EE
600
#0E3ABE
700
#0B2F98
800
#092577
900
#0B1E56
950
#071336

Contrast Checker

Text on white

11.17:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026