#418EDD

#418EDD

Color Values

HEX

#418EDD

RGB

65, 142, 221

HSL

210.4, 69.6%, 56.1%

HSV

210.4, 70.6%, 86.7%

CMYK

70.6%, 35.7%, 0.0%, 13.3%

OKLCH

0.6354 0.1413 251.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#418EDD

#DD9041

Analogous

#41DCDD

#4241DD

#418EDD

Triadic

#418EDD

#DD418E

#8EDD41

Split Complementary

#418EDD

#DD4241

#DCDD41

Tetradic

#418EDD

#DD41DC

#DD9041

#41DD42

Color Blindness Simulation

Original

#418EDD

Protanopia

#6263CA

Deuteranopia

#5E58C5

Tritanopia

#45BBB7

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C2DBF4
300
#97C1EC
400
#5FA0E2
500
#277ED8
600
#1F65AD
700
#19518A
800
#133F6C
900
#12304F
950
#0B1E32

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

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