#4097EF

#4097EF

Color Values

HEX

#4097EF

RGB

64, 151, 239

HSL

210.2, 84.5%, 59.4%

HSV

210.2, 73.2%, 93.7%

CMYK

73.2%, 36.8%, 0.0%, 6.3%

OKLCH

0.6653 0.1552 251.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4097EF

#EF9840

Analogous

#40EEEF

#4140EF

#4097EF

Triadic

#4097EF

#EF4097

#97EF40

Split Complementary

#4097EF

#EF4140

#EEEF40

Tetradic

#4097EF

#EF40EE

#EF9840

#40EF41

Color Blindness Simulation

Original

#4097EF

Protanopia

#6666DA

Deuteranopia

#615AD5

Tritanopia

#44C9C5

Achromatopsia

#8B8B8B

CSS Usage

background-color: #4097EF;
color: #4097EF;
border-color: #4097EF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBF9
300
#8EC1F6
400
#51A0F0
500
#147FEB
600
#1065BC
700
#0D5197
800
#0A3F76
900
#0C3055
950
#071E36

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.89:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026