#123863

#123863

Color Values

HEX

#123863

RGB

18, 56, 99

HSL

211.9, 69.2%, 22.9%

HSV

211.9, 81.8%, 38.8%

CMYK

81.8%, 43.4%, 0.0%, 61.2%

OKLCH

0.3386 0.0868 254.0

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#123863

#633D12

Analogous

#126063

#151263

#123863

Triadic

#123863

#631238

#386312

Split Complementary

#123863

#631512

#606312

Tetradic

#123863

#631260

#633D12

#126315

Color Blindness Simulation

Original

#123863

Protanopia

#222359

Deuteranopia

#201D56

Tritanopia

#14504F

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3DAF4
300
#97BFEC
400
#5F9DE2
500
#277AD8
600
#1F62AD
700
#194E8A
800
#143D6C
900
#122F4F
950
#0C1D32

Contrast Checker

Text on white

11.85:1

AA Pass AAA Pass

Text on black

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