#104076

#104076

Color Values

HEX

#104076

RGB

16, 64, 118

HSL

211.8, 76.1%, 26.3%

HSV

211.8, 86.4%, 46.3%

CMYK

86.4%, 45.8%, 0.0%, 53.7%

OKLCH

0.3719 0.1051 254.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#104076

#764610

Analogous

#107376

#131076

#104076

Triadic

#104076

#761040

#407610

Split Complementary

#104076

#761310

#737610

Tetradic

#104076

#761073

#764610

#107613

Color Blindness Simulation

Original

#104076

Protanopia

#252569

Deuteranopia

#221E66

Tritanopia

#125F5C

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0DAF6
300
#93BFF0
400
#599CE8
500
#1E7AE1
600
#1861B4
700
#144E90
800
#0F3D70
900
#0F2E52
950
#0A1D34

Contrast Checker

Text on white

10.41:1

AA Pass AAA Pass

Text on black

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