#6761DF

#6761DF

Color Values

HEX

#6761DF

RGB

103, 97, 223

HSL

242,9, 66,3%, 62,7%

HSV

242,9, 56,5%, 87,5%

CMYK

53,8%, 56,5%, 0,0%, 12,5%

OKLCH

0,5662 0,1861 280,8

Properties

Cool Dark Nearest: mediumslateblue

Color Harmonies

Complementary

#6761DF

#D9DF61

Analogous

#619ADF

#A661DF

#6761DF

Triadic

#6761DF

#DF6761

#61DF67

Split Complementary

#6761DF

#DFA661

#9ADF61

Tetradic

#6761DF

#DF619A

#D9DF61

#61DFA6

Color Blindness Simulation

Original

#6761DF

Protanopia

#6464C1

Deuteranopia

#6565B9

Tritanopia

#67A8A3

Achromatopsia

#6B6B6B

CSS Usage

background-color: #6761DF;
color: #6761DF;
border-color: #6761DF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C4F3
300
#9D99EA
400
#6862DF
500
#332BD4
600
#2922AA
700
#211B88
800
#1A156A
900
#16144D
950
#0E0C31

Contrast Checker

Text on white

4,83:1

AA Pass AAA Fail

Text on black

4,35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026