#4664FC

#4664FC

Color Values

HEX

#4664FC

RGB

70, 100, 252

HSL

230.1, 96.8%, 63.1%

HSV

230.1, 72.2%, 98.8%

CMYK

72.2%, 60.3%, 0.0%, 1.2%

OKLCH

0.5741 0.2276 269.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4664FC

#FCDE46

Analogous

#46BFFC

#8346FC

#4664FC

Triadic

#4664FC

#FC4664

#64FC46

Split Complementary

#4664FC

#FC8346

#BFFC46

Tetradic

#4664FC

#FC46BF

#FCDE46

#46FC83

Color Blindness Simulation

Original

#4664FC

Protanopia

#5353D7

Deuteranopia

#514FCE

Tritanopia

#48BAB4

Achromatopsia

#696969

CSS Usage

background-color: #4664FC;
color: #4664FC;
border-color: #4664FC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B9C4FE
300
#879AFD
400
#4563FC
500
#042DFB
600
#0324C9
700
#031DA1
800
#02167D
900
#06145B
950
#040D39

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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