#7564FC

#7564FC

Color Values

HEX

#7564FC

RGB

117, 100, 252

HSL

246.7, 96.2%, 69.0%

HSV

246.7, 60.3%, 98.8%

CMYK

53.6%, 60.3%, 0.0%, 1.2%

OKLCH

0.6033 0.2174 282.8

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#7564FC

#EBFC64

Analogous

#649FFC

#C164FC

#7564FC

Triadic

#7564FC

#FC7564

#64FC75

Split Complementary

#7564FC

#FCC164

#9FFC64

Tetradic

#7564FC

#FC649F

#EBFC64

#64FCC1

Color Blindness Simulation

Original

#7564FC

Protanopia

#6E6DD7

Deuteranopia

#6F70CE

Tritanopia

#74BAB4

Achromatopsia

#737373

CSS Usage

background-color: #7564FC;
color: #7564FC;
border-color: #7564FC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F2F1FE
100
#E2DFFC
200
#C1B9FE
300
#9487FD
400
#5A46FB
500
#2005FA
600
#1A04C8
700
#1503A0
800
#10027D
900
#10075A
950
#0A0439

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

4.98:1

AA Pass 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