#103293

#103293

Color Values

HEX

#103293

RGB

16, 50, 147

HSL

224.4, 80.4%, 32.0%

HSV

224.4, 89.1%, 57.6%

CMYK

89.1%, 66.0%, 0.0%, 42.4%

OKLCH

0.3662 0.1638 264.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#103293

#937110

Analogous

#107493

#2F1093

#103293

Triadic

#103293

#931032

#329310

Split Complementary

#103293

#932F10

#749310

Tetradic

#103293

#931074

#937110

#10932F

Color Blindness Simulation

Original

#103293

Protanopia

#1F1F7C

Deuteranopia

#1D1A76

Tritanopia

#126965

Achromatopsia

#323232

CSS Usage

background-color: #103293;
color: #103293;
border-color: #103293;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F5FD
100
#E1E7F9
200
#BFCEF8
300
#91AAF3
400
#557CED
500
#194EE6
600
#143FB8
700
#103293
800
#0C2773
900
#0D2054
950
#081435

Contrast Checker

Text on white

11.06:1

AA Pass AAA Pass

Text on black

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