#477FFA

#477FFA

Color Values

HEX

#477FFA

RGB

71, 127, 250

HSL

221.2, 94.7%, 62.9%

HSV

221.2, 71.6%, 98.0%

CMYK

71.6%, 49.2%, 0.0%, 2.0%

OKLCH

0.6241 0.1933 263.4

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#477FFA

#FAC247

Analogous

#47D9FA

#6847FA

#477FFA

Triadic

#477FFA

#FA477F

#7FFA47

Split Complementary

#477FFA

#FA6847

#D9FA47

Tetradic

#477FFA

#FA47D9

#FAC247

#47FA68

Color Blindness Simulation

Original

#477FFA

Protanopia

#5F60DC

Deuteranopia

#5C58D5

Tritanopia

#4AC5C0

Achromatopsia

#7C7C7C

CSS Usage

background-color: #477FFA;
color: #477FFA;
border-color: #477FFA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FE
100
#DFE8FC
200
#B9CFFD
300
#88ACFC
400
#477FFA
500
#0752F8
600
#0542C7
700
#04359F
800
#03297C
900
#07215A
950
#051539

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.68:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026