#474FDC

#474FDC

Color Values

HEX

#474FDC

RGB

71, 79, 220

HSL

236.8, 68.0%, 57.1%

HSV

236.8, 67.7%, 86.3%

CMYK

67.7%, 64.1%, 0.0%, 13.7%

OKLCH

0.5114 0.211 273.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#474FDC

#DCD447

Analogous

#479ADC

#8A47DC

#474FDC

Triadic

#474FDC

#DC474F

#4FDC47

Split Complementary

#474FDC

#DC8A47

#9ADC47

Tetradic

#474FDC

#DC479A

#DCD447

#47DC8A

Color Blindness Simulation

Original

#474FDC

Protanopia

#4A4BBA

Deuteranopia

#4A49B2

Tritanopia

#479F99

Achromatopsia

#575757

CSS Usage

background-color: #474FDC;
color: #474FDC;
border-color: #474FDC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C3C6F4
300
#989DEB
400
#6067E1
500
#2932D6
600
#2128AB
700
#1A2089
800
#14196B
900
#13164E
950
#0C0E31

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

3.42:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026