#102450

#102450

Color Values

HEX

#102450

RGB

16, 36, 80

HSL

221.2, 66.7%, 18.8%

HSV

221.2, 80.0%, 31.4%

CMYK

80.0%, 55.0%, 0.0%, 68.6%

OKLCH

0.2726 0.085 263.4

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#102450

#503C10

Analogous

#104450

#1C1050

#102450

Triadic

#102450

#501024

#245010

Split Complementary

#102450

#501C10

#445010

Tetradic

#102450

#501044

#503C10

#10501C

Color Blindness Simulation

Original

#102450

Protanopia

#191945

Deuteranopia

#181643

Tritanopia

#113D3B

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3E9F7
200
#C3D2F3
300
#99B3EB
400
#6289E0
500
#2A60D5
600
#224DAA
700
#1B3D88
800
#15306A
900
#13264E
950
#0C1831

Contrast Checker

Text on white

15.11:1

AA Pass AAA Pass

Text on black

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