#667AFF

#667AFF

Color Values

HEX

#667AFF

RGB

102, 122, 255

HSL

232.2, 100.0%, 70.0%

HSV

232.2, 60.0%, 100.0%

CMYK

60.0%, 52.2%, 0.0%, 0.0%

OKLCH

0.6333 0.197 273.0

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#667AFF

#FFEB66

Analogous

#66C6FF

#9F66FF

#667AFF

Triadic

#667AFF

#FF667A

#7AFF66

Split Complementary

#667AFF

#FF9F66

#C6FF66

Tetradic

#667AFF

#FF66C6

#FFEB66

#66FF9F

Color Blindness Simulation

Original

#667AFF

Protanopia

#6F6FDF

Deuteranopia

#6E6CD7

Tritanopia

#67C5C0

Achromatopsia

#7F7F7F

CSS Usage

background-color: #667AFF;
color: #667AFF;
border-color: #667AFF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FE
100
#DEE2FC
200
#B8C1FF
300
#8595FF
400
#425BFF
500
#0021FF
600
#001BCC
700
#0015A3
800
#001180
900
#05105C
950
#030A3A

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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