#6762BD

#6762BD

Color Values

HEX

#6762BD

RGB

103, 98, 189

HSL

243.3, 40.8%, 56.3%

HSV

243.3, 48.1%, 74.1%

CMYK

45.5%, 48.1%, 0.0%, 25.9%

OKLCH

0.5449 0.1383 283.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6762BD

#B8BD62

Analogous

#628BBD

#9562BD

#6762BD

Triadic

#6762BD

#BD6762

#62BD67

Split Complementary

#6762BD

#BD9562

#8BBD62

Tetradic

#6762BD

#BD628B

#B8BD62

#62BD95

Color Blindness Simulation

Original

#6762BD

Protanopia

#6565A7

Deuteranopia

#6566A2

Tritanopia

#679692

Achromatopsia

#6A6A6A

CSS Usage

background-color: #6762BD;
color: #6762BD;
border-color: #6762BD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDEA
300
#ACA9DB
400
#7E7AC7
500
#514BB4
600
#413C90
700
#343073
800
#29265A
900
#211F42
950
#15132A

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06: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