#102493

#102493

Color Values

HEX

#102493

RGB

16, 36, 147

HSL

230.8, 80.4%, 32.0%

HSV

230.8, 89.1%, 57.6%

CMYK

89.1%, 75.5%, 0.0%, 42.4%

OKLCH

0.3416 0.1796 266.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#102493

#937F10

Analogous

#106693

#3D1093

#102493

Triadic

#102493

#931024

#249310

Split Complementary

#102493

#933D10

#669310

Tetradic

#102493

#931066

#937F10

#10933D

Color Blindness Simulation

Original

#102493

Protanopia

#191978

Deuteranopia

#181672

Tritanopia

#11635E

Achromatopsia

#282828

CSS Usage

background-color: #102493;
color: #102493;
border-color: #102493;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F4FD
100
#E1E5F9
200
#BFC7F8
300
#91A0F3
400
#556CED
500
#1938E6
600
#142DB8
700
#102493
800
#0C1C73
900
#0D1854
950
#080F35

Contrast Checker

Text on white

12.38:1

AA Pass AAA Pass

Text on black

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