#6F31CE

#6F31CE

Color Values

HEX

#6F31CE

RGB

111, 49, 206

HSL

263.7, 61.6%, 50.0%

HSV

263.7, 76.2%, 80.8%

CMYK

46.1%, 76.2%, 0.0%, 19.2%

OKLCH

0.4913 0.2222 294.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6F31CE

#90CE31

Analogous

#3141CE

#BE31CE

#6F31CE

Triadic

#6F31CE

#CE6F31

#31CE6F

Split Complementary

#6F31CE

#CEBE31

#41CE31

Tetradic

#6F31CE

#CE3141

#90CE31

#31CEBE

Color Blindness Simulation

Original

#6F31CE

Protanopia

#5454A8

Deuteranopia

#585C9F

Tritanopia

#6C8A83

Achromatopsia

#4A4A4A

CSS Usage

background-color: #6F31CE;
color: #6F31CE;
border-color: #6F31CE;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FB
100
#EBE4F6
200
#D7C5F1
300
#BA9CE7
400
#9467DB
500
#6F31CE
600
#5927A5
700
#471F84
800
#381867
900
#2B164B
950
#1B0E30

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026