#12274D

#12274D

Color Values

HEX

#12274D

RGB

18, 39, 77

HSL

218.6, 62.1%, 18.6%

HSV

218.6, 76.6%, 30.2%

CMYK

76.6%, 49.4%, 0.0%, 69.8%

OKLCH

0.2787 0.0752 261.2

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#12274D

#4D3812

Analogous

#12444D

#1A124D

#12274D

Triadic

#12274D

#4D1227

#274D12

Split Complementary

#12274D

#4D1A12

#444D12

Tetradic

#12274D

#4D1244

#4D3812

#124D1A

Color Blindness Simulation

Original

#12274D

Protanopia

#1B1B44

Deuteranopia

#1A1842

Tritanopia

#133D3B

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EAF7
200
#C5D5F1
300
#9CB7E8
400
#6690DB
500
#3069CF
600
#2754A5
700
#1F4384
800
#183467
900
#15294C
950
#0D1A30

Contrast Checker

Text on white

14.76:1

AA Pass AAA Pass

Text on black

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