#418EE5

#418EE5

Color Values

HEX

#418EE5

RGB

65, 142, 229

HSL

211.8, 75.9%, 57.6%

HSV

211.8, 71.6%, 89.8%

CMYK

71.6%, 38.0%, 0.0%, 10.2%

OKLCH

0.64 0.1513 253.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#418EE5

#E59841

Analogous

#41E0E5

#4641E5

#418EE5

Triadic

#418EE5

#E5418E

#8EE541

Split Complementary

#418EE5

#E54641

#E0E541

Tetradic

#418EE5

#E541E0

#E59841

#41E546

Color Blindness Simulation

Original

#418EE5

Protanopia

#6263D0

Deuteranopia

#5E58CB

Tritanopia

#45BFBC

Achromatopsia

#848484

CSS Usage

background-color: #418EE5;
color: #418EE5;
border-color: #418EE5;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0DAF6
300
#93BFF0
400
#599CE8
500
#1F7AE0
600
#1961B3
700
#144E90
800
#0F3D70
900
#0F2E52
950
#0A1D34

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026