#6768BF

#6768BF

Color Values

HEX

#6768BF

RGB

103, 104, 191

HSL

239.3, 40.7%, 57.6%

HSV

239.3, 46.1%, 74.9%

CMYK

46.1%, 45.5%, 0.0%, 25.1%

OKLCH

0.5578 0.1326 280.7

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6768BF

#BFBE67

Analogous

#6794BF

#9267BF

#6768BF

Triadic

#6768BF

#BF6768

#68BF67

Split Complementary

#6768BF

#BF9267

#94BF67

Tetradic

#6768BF

#BF6794

#BFBE67

#67BF92

Color Blindness Simulation

Original

#6768BF

Protanopia

#6767AA

Deuteranopia

#6767A5

Tritanopia

#679996

Achromatopsia

#6E6E6E

CSS Usage

background-color: #6768BF;
color: #6768BF;
border-color: #6768BF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCDEA
300
#A9A9DB
400
#7A7BC7
500
#4C4DB3
600
#3C3D90
700
#303173
800
#26265A
900
#1F1F42
950
#13142A

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026