#104D93

#104D93

Color Values

HEX

#104D93

RGB

16, 77, 147

HSL

212.1, 80.4%, 32.0%

HSV

212.1, 89.1%, 57.6%

CMYK

89.1%, 47.6%, 0.0%, 42.4%

OKLCH

0.4247 0.1297 255.5

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#104D93

#935610

Analogous

#108F93

#151093

#104D93

Triadic

#104D93

#93104D

#4D9310

Split Complementary

#104D93

#931510

#8F9310

Tetradic

#104D93

#93108F

#935610

#109315

Color Blindness Simulation

Original

#104D93

Protanopia

#2A2B82

Deuteranopia

#27227E

Tritanopia

#137572

Achromatopsia

#454545

CSS Usage

background-color: #104D93;
color: #104D93;
border-color: #104D93;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFD9F8
300
#91BEF3
400
#559BED
500
#1978E6
600
#1460B8
700
#104D93
800
#0C3C73
900
#0D2E54
950
#081D35

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

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