#104ABC

#104ABC

Color Values

HEX

#104ABC

RGB

16, 74, 188

HSL

219.8, 84.3%, 40.0%

HSV

219.8, 91.5%, 73.7%

CMYK

91.5%, 60.6%, 0.0%, 26.3%

OKLCH

0.4521 0.1885 262.1

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#104ABC

#BC8210

Analogous

#10A0BC

#2C10BC

#104ABC

Triadic

#104ABC

#BC104A

#4ABC10

Split Complementary

#104ABC

#BC2C10

#A0BC10

Tetradic

#104ABC

#BC10A0

#BC8210

#10BC2C

Color Blindness Simulation

Original

#104ABC

Protanopia

#292AA0

Deuteranopia

#26219A

Tritanopia

#138B86

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0E9FA
200
#BDD1F9
300
#8EB1F5
400
#5187F0
500
#145CEB
600
#104ABC
700
#0D3B96
800
#0A2E75
900
#0C2455
950
#071736

Contrast Checker

Text on white

7.7:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026