#417ED4

#417ED4

Color Values

HEX

#417ED4

RGB

65, 126, 212

HSL

215.1, 63.1%, 54.3%

HSV

215.1, 69.3%, 83.1%

CMYK

69.3%, 40.6%, 0.0%, 16.9%

OKLCH

0.5948 0.1463 257.4

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#417ED4

#D49741

Analogous

#41C7D4

#4D41D4

#417ED4

Triadic

#417ED4

#D4417E

#7ED441

Split Complementary

#417ED4

#D44D41

#C7D441

Tetradic

#417ED4

#D441C7

#D49741

#41D44D

Color Blindness Simulation

Original

#417ED4

Protanopia

#5B5CBF

Deuteranopia

#5853BA

Tritanopia

#44AFAB

Achromatopsia

#777777

CSS Usage

background-color: #417ED4;
color: #417ED4;
border-color: #417ED4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D7F2
300
#9BBBE8
400
#6597DC
500
#2F72D0
600
#265BA6
700
#1E4985
800
#183968
900
#152C4C
950
#0D1C30

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass 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