#4E83DC

#4E83DC

Color Values

HEX

#4E83DC

RGB

78, 131, 220

HSL

217.6, 67.0%, 58.4%

HSV

217.6, 64.5%, 86.3%

CMYK

64.5%, 40.5%, 0.0%, 13.7%

OKLCH

0.616 0.1467 260.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4E83DC

#DCA74E

Analogous

#4ECADC

#604EDC

#4E83DC

Triadic

#4E83DC

#DC4E83

#83DC4E

Split Complementary

#4E83DC

#DC604E

#CADC4E

Tetradic

#4E83DC

#DC4ECA

#DCA74E

#4EDC60

Color Blindness Simulation

Original

#4E83DC

Protanopia

#6565C6

Deuteranopia

#625EC1

Tritanopia

#51B5B2

Achromatopsia

#7E7E7E

CSS Usage

background-color: #4E83DC;
color: #4E83DC;
border-color: #4E83DC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C3D5F3
300
#99B7EB
400
#6191E0
500
#2A6AD5
600
#2255AA
700
#1B4488
800
#15356A
900
#13294E
950
#0C1A31

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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