#6762DC

#6762DC

Color Values

HEX

#6762DC

RGB

103, 98, 220

HSL

242.5, 63.5%, 62.4%

HSV

242.5, 55.5%, 86.3%

CMYK

53.2%, 55.5%, 0.0%, 13.7%

OKLCH

0.5658 0.1808 280.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6762DC

#D7DC62

Analogous

#629ADC

#A462DC

#6762DC

Triadic

#6762DC

#DC6762

#62DC67

Split Complementary

#6762DC

#DCA462

#9ADC62

Tetradic

#6762DC

#DC629A

#D7DC62

#62DCA4

Color Blindness Simulation

Original

#6762DC

Protanopia

#6565BF

Deuteranopia

#6566B7

Tritanopia

#67A7A2

Achromatopsia

#6C6C6C

CSS Usage

background-color: #6762DC;
color: #6762DC;
border-color: #6762DC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FB
100
#E4E4F7
200
#C7C5F2
300
#9E9BE9
400
#6A65DD
500
#352FD0
600
#2B25A7
700
#221E85
800
#1B1768
900
#17154C
950
#0F0D30

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

4.36:1

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