#476AFB

#476AFB

Color Values

HEX

#476AFB

RGB

71, 106, 251

HSL

228,3, 95,7%, 63,1%

HSV

228,3, 71,7%, 98,4%

CMYK

71,7%, 57,8%, 0,0%, 1,6%

OKLCH

0,5845 0,2192 268,4

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#476AFB

#FBD847

Analogous

#47C4FB

#7E47FB

#476AFB

Triadic

#476AFB

#FB476A

#6AFB47

Split Complementary

#476AFB

#FB7E47

#C4FB47

Tetradic

#476AFB

#FB47C4

#FBD847

#47FB7E

Color Blindness Simulation

Original

#476AFB

Protanopia

#5656D8

Deuteranopia

#5452D0

Tritanopia

#49BCB6

Achromatopsia

#6D6D6D

CSS Usage

background-color: #476AFB;
color: #476AFB;
border-color: #476AFB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F4FE
100
#DFE4FC
200
#B9C6FD
300
#879EFC
400
#466AFB
500
#0535FA
600
#042AC8
700
#0422A0
800
#031B7D
900
#07175A
950
#040F39

Contrast Checker

Text on white

4,45:1

AA Fail AAA Fail

Text on black

4,72:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026