#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