#4660FB

#4660FB

Color Values

HEX

#4660FB

RGB

70, 96, 251

HSL

231.4, 95.8%, 62.9%

HSV

231.4, 72.1%, 98.4%

CMYK

72.1%, 61.8%, 0.0%, 1.6%

OKLCH

0.5663 0.2309 269.9

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4660FB

#FBE146

Analogous

#46BAFB

#8646FB

#4660FB

Triadic

#4660FB

#FB4660

#60FB46

Split Complementary

#4660FB

#FB8646

#BAFB46

Tetradic

#4660FB

#FB46BA

#FBE146

#46FB86

Color Blindness Simulation

Original

#4660FB

Protanopia

#5151D6

Deuteranopia

#504ECC

Tritanopia

#47B8B1

Achromatopsia

#666666

CSS Usage

background-color: #4660FB;
color: #4660FB;
border-color: #4660FB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DFE3FC
200
#B9C3FE
300
#8798FC
400
#4660FB
500
#0528FA
600
#0420C8
700
#031AA0
800
#03147D
900
#07135A
950
#040C39

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026