#7148F9

#7148F9

Color Values

HEX

#7148F9

RGB

113, 72, 249

HSL

253.9, 93.7%, 62.9%

HSV

253.9, 71.1%, 97.6%

CMYK

54.6%, 71.1%, 0.0%, 2.4%

OKLCH

0.5575 0.2461 285.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7148F9

#D0F948

Analogous

#4877F9

#C948F9

#7148F9

Triadic

#7148F9

#F97148

#48F971

Split Complementary

#7148F9

#F9C948

#77F948

Tetradic

#7148F9

#F94877

#D0F948

#48F9C9

Color Blindness Simulation

Original

#7148F9

Protanopia

#5F5FCE

Deuteranopia

#6265C4

Tritanopia

#6FACA5

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4F1FD
100
#E6DFFB
200
#C9BAFD
300
#A388FB
400
#7148F9
500
#3F08F7
600
#3306C6
700
#29059E
800
#20047B
900
#1B0859
950
#110538

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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