#4A97F3

#4A97F3

Color Values

HEX

#4A97F3

RGB

74, 151, 243

HSL

212.7, 87.6%, 62.2%

HSV

212.7, 69.5%, 95.3%

CMYK

69.5%, 37.9%, 0.0%, 4.7%

OKLCH

0.6709 0.1567 254.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4A97F3

#F3A64A

Analogous

#4AEBF3

#524AF3

#4A97F3

Triadic

#4A97F3

#F34A97

#97F34A

Split Complementary

#4A97F3

#F3524A

#EBF34A

Tetradic

#4A97F3

#F34AEB

#F3A64A

#4AF352

Color Blindness Simulation

Original

#4A97F3

Protanopia

#6B6CDD

Deuteranopia

#6761D7

Tritanopia

#4ECBC7

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BCD8FB
300
#8CBDF7
400
#4E99F3
500
#1075EF
600
#0D5EBF
700
#0A4B99
800
#083B78
900
#0A2D57
950
#061C37

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

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