#479DF4

#479DF4

Color Values

HEX

#479DF4

RGB

71, 157, 244

HSL

210,2, 88,7%, 61,8%

HSV

210,2, 70,9%, 95,7%

CMYK

70,9%, 35,7%, 0,0%, 4,3%

OKLCH

0,6835 0,1531 251,3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#479DF4

#F49E47

Analogous

#47F3F4

#4847F4

#479DF4

Triadic

#479DF4

#F4479D

#9DF447

Split Complementary

#479DF4

#F44847

#F3F447

Tetradic

#479DF4

#F447F3

#F49E47

#47F448

Color Blindness Simulation

Original

#479DF4

Protanopia

#6C6DDF

Deuteranopia

#6761DA

Tritanopia

#4BCECB

Achromatopsia

#919191

CSS Usage

background-color: #479DF4;
color: #479DF4;
border-color: #479DF4;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BCDBFB
300
#8CC1F8
400
#4DA0F4
500
#0E7FF1
600
#0C65C0
700
#09519A
800
#073F78
900
#0A3057
950
#061E37

Contrast Checker

Text on white

2,84:1

AA Fail AAA Fail

Text on black

7,4:1

AA Pass AAA Pass

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