#4093EE

#4093EE

Color Values

HEX

#4093EE

RGB

64, 147, 238

HSL

211.4, 83.7%, 59.2%

HSV

211.4, 73.1%, 93.3%

CMYK

73.1%, 38.2%, 0.0%, 6.7%

OKLCH

0.6559 0.1579 253.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4093EE

#EE9B40

Analogous

#40EAEE

#4440EE

#4093EE

Triadic

#4093EE

#EE4093

#93EE40

Split Complementary

#4093EE

#EE4440

#EAEE40

Tetradic

#4093EE

#EE40EA

#EE9B40

#40EE44

Color Blindness Simulation

Original

#4093EE

Protanopia

#6465D8

Deuteranopia

#5F59D3

Tritanopia

#44C7C3

Achromatopsia

#888888

CSS Usage

background-color: #4093EE;
color: #4093EE;
border-color: #4093EE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8FBFF5
400
#529DF0
500
#157BEA
600
#1162BB
700
#0D4E96
800
#0A3D75
900
#0C2F55
950
#081E36

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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