#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026