#704AF7

#704AF7

Color Values

HEX

#704AF7

RGB

112, 74, 247

HSL

253.2, 91.5%, 62.9%

HSV

253.2, 70.0%, 96.9%

CMYK

54.7%, 70.0%, 0.0%, 3.1%

OKLCH

0.5575 0.2418 285.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#704AF7

#D1F74A

Analogous

#4A7AF7

#C64AF7

#704AF7

Triadic

#704AF7

#F7704A

#4AF770

Split Complementary

#704AF7

#F7C64A

#7AF74A

Tetradic

#704AF7

#F74A7A

#D1F74A

#4AF7C6

Color Blindness Simulation

Original

#704AF7

Protanopia

#605FCD

Deuteranopia

#6265C3

Tritanopia

#6EACA5

Achromatopsia

#5F5F5F

CSS Usage

background-color: #704AF7;
color: #704AF7;
border-color: #704AF7;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FD
100
#E5DFFB
200
#C9BBFC
300
#A28AFA
400
#704AF7
500
#3E0BF4
600
#3209C3
700
#28079C
800
#1F057A
900
#1A0958
950
#100538

Contrast Checker

Text on white

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