#4797F2

#4797F2

Color Values

HEX

#4797F2

RGB

71, 151, 242

HSL

211.9, 86.8%, 61.4%

HSV

211.9, 70.7%, 94.9%

CMYK

70.7%, 37.6%, 0.0%, 5.1%

OKLCH

0.6693 0.1565 253.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4797F2

#F2A247

Analogous

#47EDF2

#4D47F2

#4797F2

Triadic

#4797F2

#F24797

#97F247

Split Complementary

#4797F2

#F24D47

#EDF247

Tetradic

#4797F2

#F247ED

#F2A247

#47F24D

Color Blindness Simulation

Original

#4797F2

Protanopia

#6A6ADC

Deuteranopia

#655FD7

Tritanopia

#4BCBC7

Achromatopsia

#8D8D8D

CSS Usage

background-color: #4797F2;
color: #4797F2;
border-color: #4797F2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BCD9FA
300
#8DBEF7
400
#4F9BF3
500
#1178EE
600
#0D60BF
700
#0B4D98
800
#083C77
900
#0B2E56
950
#071D37

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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