#477ED4

#477ED4

Color Values

HEX

#477ED4

RGB

71, 126, 212

HSL

216.6, 62.1%, 55.5%

HSV

216.6, 66.5%, 83.1%

CMYK

66.5%, 40.6%, 0.0%, 16.9%

OKLCH

0.5973 0.1442 259.0

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#477ED4

#D49D47

Analogous

#47C4D4

#5747D4

#477ED4

Triadic

#477ED4

#D4477E

#7ED447

Split Complementary

#477ED4

#D45747

#C4D447

Tetradic

#477ED4

#D447C4

#D49D47

#47D457

Color Blindness Simulation

Original

#477ED4

Protanopia

#5F5FBF

Deuteranopia

#5C58BA

Tritanopia

#4AAFAB

Achromatopsia

#797979

CSS Usage

background-color: #477ED4;
color: #477ED4;
border-color: #477ED4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D6F1
300
#9CB9E8
400
#6694DB
500
#306ECF
600
#2758A5
700
#1F4684
800
#183767
900
#152A4C
950
#0D1B30

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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