#419FF7

#419FF7

Color Values

HEX

#419FF7

RGB

65, 159, 247

HSL

209.0, 91.9%, 61.2%

HSV

209.0, 73.7%, 96.9%

CMYK

73.7%, 35.6%, 0.0%, 3.1%

OKLCH

0.6877 0.1569 250.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#419FF7

#F79941

Analogous

#41F7F4

#4144F7

#419FF7

Triadic

#419FF7

#F7419F

#9FF741

Split Complementary

#419FF7

#F74144

#F7F441

Tetradic

#419FF7

#F441F7

#F79941

#44F741

Color Blindness Simulation

Original

#419FF7

Protanopia

#6A6BE2

Deuteranopia

#645DDD

Tritanopia

#46D1CD

Achromatopsia

#919191

CSS Usage

background-color: #419FF7;
color: #419FF7;
border-color: #419FF7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADCFC
300
#8AC4FA
400
#4AA4F7
500
#0A83F5
600
#0869C4
700
#07549D
800
#05427A
900
#083259
950
#051F38

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

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