#4768FF

#4768FF

Color Values

HEX

#4768FF

RGB

71, 104, 255

HSL

229.2, 100.0%, 63.9%

HSV

229.2, 72.2%, 100.0%

CMYK

72.2%, 59.2%, 0.0%, 0.0%

OKLCH

0.5841 0.2265 268.8

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#4768FF

#FFDE47

Analogous

#47C4FF

#8247FF

#4768FF

Triadic

#4768FF

#FF4768

#68FF47

Split Complementary

#4768FF

#FF8247

#C4FF47

Tetradic

#4768FF

#FF47C4

#FFDE47

#47FF82

Color Blindness Simulation

Original

#4768FF

Protanopia

#5556DB

Deuteranopia

#5351D2

Tritanopia

#49BEB7

Achromatopsia

#6C6C6C

CSS Usage

background-color: #4768FF;
color: #4768FF;
border-color: #4768FF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C4FF
300
#859BFF
400
#4264FF
500
#002EFF
600
#0025CC
700
#001DA3
800
#001780
900
#05155C
950
#030D3A

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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