#104BAF

#104BAF

Color Values

HEX

#104BAF

RGB

16, 75, 175

HSL

217.7, 83.2%, 37.5%

HSV

217.7, 90.9%, 68.6%

CMYK

90.9%, 57.1%, 0.0%, 31.4%

OKLCH

0.4427 0.1702 260.8

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#104BAF

#AF7410

Analogous

#109BAF

#2410AF

#104BAF

Triadic

#104BAF

#AF104B

#4BAF10

Split Complementary

#104BAF

#AF2410

#9BAF10

Tetradic

#104BAF

#AF109B

#AF7410

#10AF24

Color Blindness Simulation

Original

#104BAF

Protanopia

#2A2A97

Deuteranopia

#262291

Tritanopia

#138480

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED4F9
300
#8FB5F5
400
#528DEF
500
#1564EA
600
#1150BB
700
#0E4095
800
#0B3275
900
#0C2755
950
#081936

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

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