#6967BE

#6967BE

Color Values

HEX

#6967BE

RGB

105, 103, 190

HSL

241.4, 40.1%, 57.5%

HSV

241.4, 45.8%, 74.5%

CMYK

44.7%, 45.8%, 0.0%, 25.5%

OKLCH

0.5568 0.1323 282.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6967BE

#BCBE67

Analogous

#6791BE

#9567BE

#6967BE

Triadic

#6967BE

#BE6967

#67BE69

Split Complementary

#6967BE

#BE9567

#91BE67

Tetradic

#6967BE

#BE6791

#BCBE67

#67BE95

Color Blindness Simulation

Original

#6967BE

Protanopia

#6868A9

Deuteranopia

#6868A4

Tritanopia

#699895

Achromatopsia

#6E6E6E

CSS Usage

background-color: #6967BE;
color: #6967BE;
border-color: #6967BE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECDEA
300
#AAA9DA
400
#7D7BC6
500
#4F4CB3
600
#3F3D8F
700
#323172
800
#272659
900
#201F42
950
#14142A

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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