#12244D

#12244D

Color Values

HEX

#12244D

RGB

18, 36, 77

HSL

221.7, 62.1%, 18.6%

HSV

221.7, 76.6%, 30.2%

CMYK

76.6%, 53.2%, 0.0%, 69.8%

OKLCH

0.2711 0.0794 264.0

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#12244D

#4D3B12

Analogous

#12414D

#1D124D

#12244D

Triadic

#12244D

#4D1224

#244D12

Split Complementary

#12244D

#4D1D12

#414D12

Tetradic

#12244D

#4D1241

#4D3B12

#124D1D

Color Blindness Simulation

Original

#12244D

Protanopia

#1A1A43

Deuteranopia

#191741

Tritanopia

#133B3A

Achromatopsia

#232323

CSS Usage

background-color: #12244D;
color: #12244D;
border-color: #12244D;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F6FB
100
#E4E9F7
200
#C5D3F1
300
#9CB3E8
400
#668ADB
500
#3061CF
600
#274DA5
700
#1F3E84
800
#183067
900
#15264C
950
#0D1830

Contrast Checker

Text on white

15.16:1

AA Pass AAA Pass

Text on black

1.39:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026