#6957CC

#6957CC

Color Values

HEX

#6957CC

RGB

105, 87, 204

HSL

249.2, 53.4%, 57.1%

HSV

249.2, 57.4%, 80.0%

CMYK

48.5%, 57.4%, 0.0%, 20.0%

OKLCH

0.5369 0.1741 286.0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#6957CC

#BACC57

Analogous

#5780CC

#A457CC

#6957CC

Triadic

#6957CC

#CC6957

#57CC69

Split Complementary

#6957CC

#CCA457

#80CC57

Tetradic

#6957CC

#CC5780

#BACC57

#57CCA4

Color Blindness Simulation

Original

#6957CC

Protanopia

#6161B0

Deuteranopia

#6264A9

Tritanopia

#689994

Achromatopsia

#636363

CSS Usage

background-color: #6957CC;
color: #6957CC;
border-color: #6957CC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC8EE
300
#ABA1E2
400
#7E6ED3
500
#503BC4
600
#40309C
700
#33267D
800
#281E62
900
#201948
950
#14102D

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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