#6766CC

#6766CC

Color Values

HEX

#6766CC

RGB

103, 102, 204

HSL

240.6, 50.0%, 60.0%

HSV

240.6, 50.0%, 80.0%

CMYK

49.5%, 50.0%, 0.0%, 20.0%

OKLCH

0.5622 0.1537 280.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6766CC

#CBCC66

Analogous

#6698CC

#9A66CC

#6766CC

Triadic

#6766CC

#CC6766

#66CC67

Split Complementary

#6766CC

#CC9A66

#98CC66

Tetradic

#6766CC

#CC6698

#CBCC66

#66CC9A

Color Blindness Simulation

Original

#6766CC

Protanopia

#6767B3

Deuteranopia

#6767AD

Tritanopia

#67A09C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #6766CC;
color: #6766CC;
border-color: #6766CC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CAC9ED
300
#A4A3E0
400
#7271D0
500
#4140BF
600
#343399
700
#2A297A
800
#212060
900
#1B1B46
950
#11112C

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

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