#417DBF

#417DBF

Color Values

HEX

#417DBF

RGB

65, 125, 191

HSL

211.4, 49.6%, 50.2%

HSV

211.4, 66.0%, 74.9%

CMYK

66.0%, 34.6%, 0.0%, 25.1%

OKLCH

0.5802 0.1198 252.5

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#417DBF

#BF8341

Analogous

#41BCBF

#4441BF

#417DBF

Triadic

#417DBF

#BF417D

#7DBF41

Split Complementary

#417DBF

#BF4441

#BCBF41

Tetradic

#417DBF

#BF41BC

#BF8341

#41BF44

Color Blindness Simulation

Original

#417DBF

Protanopia

#5B5CAF

Deuteranopia

#5853AB

Tritanopia

#44A2A0

Achromatopsia

#757575

CSS Usage

background-color: #417DBF;
color: #417DBF;
border-color: #417DBF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#CADAED
300
#A3C0E0
400
#729ECF
500
#407DBF
600
#336499
700
#29507A
800
#203E5F
900
#1B2F46
950
#111E2C

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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