#6664FF

#6664FF

Color Values

HEX

#6664FF

RGB

102, 100, 255

HSL

240.8, 100.0%, 69.6%

HSV

240.8, 60.8%, 100.0%

CMYK

60.0%, 60.8%, 0.0%, 0.0%

OKLCH

0.5948 0.2237 277.7

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#6664FF

#FDFF64

Analogous

#64AFFF

#B464FF

#6664FF

Triadic

#6664FF

#FF6664

#64FF66

Split Complementary

#6664FF

#FFB464

#AFFF64

Tetradic

#6664FF

#FF64AF

#FDFF64

#64FFB4

Color Blindness Simulation

Original

#6664FF

Protanopia

#6565DA

Deuteranopia

#6565D0

Tritanopia

#66BCB5

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B9B8FF
300
#8685FF
400
#4542FF
500
#0300FF
600
#0300CC
700
#0200A3
800
#020080
900
#06055C
950
#04033A

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

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