#6F56EC

#6F56EC

Color Values

HEX

#6F56EC

RGB

111, 86, 236

HSL

250.0, 79.8%, 63.1%

HSV

250.0, 63.6%, 92.5%

CMYK

53.0%, 63.6%, 0.0%, 7.5%

OKLCH

0.5645 0.2154 284.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6F56EC

#D3EC56

Analogous

#5688EC

#BA56EC

#6F56EC

Triadic

#6F56EC

#EC6F56

#56EC6F

Split Complementary

#6F56EC

#ECBA56

#88EC56

Tetradic

#6F56EC

#EC5688

#D3EC56

#56ECBA

Color Blindness Simulation

Original

#6F56EC

Protanopia

#6464C8

Deuteranopia

#6667BF

Tritanopia

#6EABA5

Achromatopsia

#666666

CSS Usage

background-color: #6F56EC;
color: #6F56EC;
border-color: #6F56EC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F4F2FD
100
#E5E1F9
200
#C8BFF8
300
#A191F3
400
#6E55EC
500
#3C1AE5
600
#3015B7
700
#261093
800
#1E0D73
900
#190E53
950
#100935

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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