#4E8DEF

#4E8DEF

Color Values

HEX

#4E8DEF

RGB

78, 141, 239

HSL

216.5, 83.4%, 62.2%

HSV

216.5, 67.4%, 93.7%

CMYK

67.4%, 41.0%, 0.0%, 6.3%

OKLCH

0.6487 0.1608 259.0

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#4E8DEF

#EFB04E

Analogous

#4EDEEF

#604EEF

#4E8DEF

Triadic

#4E8DEF

#EF4E8D

#8DEF4E

Split Complementary

#4E8DEF

#EF604E

#DEEF4E

Tetradic

#4E8DEF

#EF4EDE

#EFB04E

#4EEF60

Color Blindness Simulation

Original

#4E8DEF

Protanopia

#696AD7

Deuteranopia

#6661D2

Tritanopia

#51C5C0

Achromatopsia

#878787

CSS Usage

background-color: #4E8DEF;
color: #4E8DEF;
border-color: #4E8DEF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BED5F9
300
#8FB7F5
400
#5290EF
500
#1568EA
600
#1154BB
700
#0E4396
800
#0B3475
900
#0C2955
950
#081A36

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

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