#419BED

#419BED

Color Values

HEX

#419BED

RGB

65, 155, 237

HSL

208.6, 82.7%, 59.2%

HSV

208.6, 72.6%, 92.9%

CMYK

72.6%, 34.6%, 0.0%, 7.1%

OKLCH

0.6733 0.1486 249.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#419BED

#ED9341

Analogous

#41EDE9

#4145ED

#419BED

Triadic

#419BED

#ED419B

#9BED41

Split Complementary

#419BED

#ED4145

#EDE941

Tetradic

#419BED

#E941ED

#ED9341

#45ED41

Color Blindness Simulation

Original

#419BED

Protanopia

#6869D9

Deuteranopia

#635CD4

Tritanopia

#46C9C6

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDDF9
300
#8FC4F4
400
#53A4EF
500
#1684E9
600
#126ABA
700
#0E5595
800
#0B4274
900
#0C3255
950
#082035

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026