#0B2175

#0B2175

Color Values

HEX

#0B2175

RGB

11, 33, 117

HSL

227.5, 82.8%, 25.1%

HSV

227.5, 90.6%, 45.9%

CMYK

90.6%, 71.8%, 0.0%, 54.1%

OKLCH

0.3009 0.145 265.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0B2175

#755F0B

Analogous

#0B5675

#2A0B75

#0B2175

Triadic

#0B2175

#750B21

#21750B

Split Complementary

#0B2175

#752A0B

#56750B

Tetradic

#0B2175

#750B56

#755F0B

#0B752A

Color Blindness Simulation

Original

#0B2175

Protanopia

#151561

Deuteranopia

#13125C

Tritanopia

#0C514D

Achromatopsia

#222222

CSS Usage

background-color: #0B2175;
color: #0B2175;
border-color: #0B2175;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F2F4FD
100
#E1E6FA
200
#BECAF9
300
#8FA4F4
400
#5373EF
500
#1642E9
600
#1235BA
700
#0E2A95
800
#0B2175
900
#0C1B55
950
#081135

Contrast Checker

Text on white

14.11:1

AA Pass AAA Pass

Text on black

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