#0B346C

#0B346C

Color Values

HEX

#0B346C

RGB

11, 52, 108

HSL

214.6, 81.5%, 23.3%

HSV

214.6, 89.8%, 42.4%

CMYK

89.8%, 51.9%, 0.0%, 57.6%

OKLCH

0.3335 0.1073 257.9

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#0B346C

#6C430B

Analogous

#0B646C

#120B6C

#0B346C

Triadic

#0B346C

#6C0B34

#346C0B

Split Complementary

#0B346C

#6C120B

#646C0B

Tetradic

#0B346C

#6C0B64

#6C430B

#0B6C12

Color Blindness Simulation

Original

#0B346C

Protanopia

#1D1D5E

Deuteranopia

#1A175B

Tritanopia

#0D5451

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EBFA
200
#BED7F8
300
#90BAF4
400
#5495EE
500
#1870E7
600
#1359B9
700
#0F4794
800
#0C3874
900
#0D2B54
950
#081B35

Contrast Checker

Text on white

12.2:1

AA Pass AAA Pass

Text on black

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