#6770EC

#6770EC

Color Values

HEX

#6770EC

RGB

103, 112, 236

HSL

235.9, 77.8%, 66.5%

HSV

235.9, 56.4%, 92.5%

CMYK

56.4%, 52.5%, 0.0%, 7.5%

OKLCH

0.6023 0.1841 276.2

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#6770EC

#ECE367

Analogous

#67B3EC

#A067EC

#6770EC

Triadic

#6770EC

#EC6770

#70EC67

Split Complementary

#6770EC

#ECA067

#B3EC67

Tetradic

#6770EC

#EC67B3

#ECE367

#67ECA0

Color Blindness Simulation

Original

#6770EC

Protanopia

#6B6BCE

Deuteranopia

#6A6AC7

Tritanopia

#67B6B1

Achromatopsia

#777777

CSS Usage

background-color: #6770EC;
color: #6770EC;
border-color: #6770EC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#C0C3F7
300
#9299F1
400
#5761EA
500
#1C2AE3
600
#1721B5
700
#121B91
800
#0E1571
900
#0F1352
950
#090C34

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.11:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026