#7248F9

#7248F9

Color Values

HEX

#7248F9

RGB

114, 72, 249

HSL

254.2, 93.7%, 62.9%

HSV

254.2, 71.1%, 97.6%

CMYK

54.2%, 71.1%, 0.0%, 2.4%

OKLCH

0.5584 0.246 286.2

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7248F9

#CFF948

Analogous

#4876F9

#CA48F9

#7248F9

Triadic

#7248F9

#F97248

#48F972

Split Complementary

#7248F9

#F9CA48

#76F948

Tetradic

#7248F9

#F94876

#CFF948

#48F9CA

Color Blindness Simulation

Original

#7248F9

Protanopia

#605FCE

Deuteranopia

#6265C4

Tritanopia

#70ACA5

Achromatopsia

#5E5E5E

CSS Usage

background-color: #7248F9;
color: #7248F9;
border-color: #7248F9;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FD
100
#E6DFFB
200
#CABAFD
300
#A488FB
400
#7248F9
500
#4108F7
600
#3406C6
700
#29059E
800
#20047B
900
#1B0859
950
#110538

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.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