#474DAA

#474DAA

Color Values

HEX

#474DAA

RGB

71, 77, 170

HSL

236.4, 41.1%, 47.3%

HSV

236.4, 58.2%, 66.7%

CMYK

58.2%, 54.7%, 0.0%, 33.3%

OKLCH

0.4672 0.1466 276.3

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#474DAA

#AAA447

Analogous

#477FAA

#7347AA

#474DAA

Triadic

#474DAA

#AA474D

#4DAA47

Split Complementary

#474DAA

#AA7347

#7FAA47

Tetradic

#474DAA

#AA477F

#AAA447

#47AA73

Color Blindness Simulation

Original

#474DAA

Protanopia

#4A4A94

Deuteranopia

#49498E

Tritanopia

#47827E

Achromatopsia

#525252

CSS Usage

background-color: #474DAA;
color: #474DAA;
border-color: #474DAA;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCEEA
300
#A9ACDB
400
#7A7FC7
500
#4B51B4
600
#3C4190
700
#303473
800
#26295A
900
#1F2142
950
#13152A

Contrast Checker

Text on white

7.22:1

AA Pass AAA Pass

Text on black

2.91:1

AA Fail 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