#6947FA

#6947FA

Color Values

HEX

#6947FA

RGB

105, 71, 250

HSL

251.4, 94.7%, 62.9%

HSV

251.4, 71.6%, 98.0%

CMYK

58.0%, 71.6%, 0.0%, 2.0%

OKLCH

0.5504 0.249 283.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#6947FA

#D8FA47

Analogous

#477EFA

#C247FA

#6947FA

Triadic

#6947FA

#FA6947

#47FA69

Split Complementary

#6947FA

#FAC247

#7EFA47

Tetradic

#6947FA

#FA477E

#D8FA47

#47FAC2

Color Blindness Simulation

Original

#6947FA

Protanopia

#5A5ACF

Deuteranopia

#5C5FC4

Tritanopia

#67ACA5

Achromatopsia

#5B5B5B

CSS Usage

background-color: #6947FA;
color: #6947FA;
border-color: #6947FA;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FE
100
#E4DFFC
200
#C6B9FD
300
#9E88FC
400
#6947FA
500
#3507F8
600
#2A05C7
700
#22049F
800
#1A037C
900
#17075A
950
#0E0539

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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