#418EE6

#418EE6

Color Values

HEX

#418EE6

RGB

65, 142, 230

HSL

212.0, 76.7%, 57.8%

HSV

212.0, 71.7%, 90.2%

CMYK

71.7%, 38.3%, 0.0%, 9.8%

OKLCH

0.6406 0.1526 253.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#418EE6

#E69941

Analogous

#41E0E6

#4641E6

#418EE6

Triadic

#418EE6

#E6418E

#8EE641

Split Complementary

#418EE6

#E64641

#E0E641

Tetradic

#418EE6

#E641E0

#E69941

#41E646

Color Blindness Simulation

Original

#418EE6

Protanopia

#6263D1

Deuteranopia

#5E58CC

Tritanopia

#45C0BC

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F7
300
#93BFF1
400
#589CE9
500
#1E79E1
600
#1861B4
700
#134D90
800
#0F3C71
900
#0F2E52
950
#091D34

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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