#478CFB

#478CFB

Color Values

HEX

#478CFB

RGB

71, 140, 251

HSL

217.0, 95.7%, 63.1%

HSV

217.0, 71.7%, 98.4%

CMYK

71.7%, 44.2%, 0.0%, 1.6%

OKLCH

0.6513 0.1797 259.5

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#478CFB

#FBB647

Analogous

#47E6FB

#5C47FB

#478CFB

Triadic

#478CFB

#FB478C

#8CFB47

Split Complementary

#478CFB

#FB5C47

#E6FB47

Tetradic

#478CFB

#FB47E6

#FBB647

#47FB5C

Color Blindness Simulation

Original

#478CFB

Protanopia

#6565E0

Deuteranopia

#615CDA

Tritanopia

#4ACBC6

Achromatopsia

#858585

CSS Usage

background-color: #478CFB;
color: #478CFB;
border-color: #478CFB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D3FD
300
#87B4FC
400
#468CFB
500
#0563FA
600
#044FC8
700
#043FA0
800
#03327D
900
#07275A
950
#041839

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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