#704DF4

#704DF4

Color Values

HEX

#704DF4

RGB

112, 77, 244

HSL

252.6, 88.4%, 62.9%

HSV

252.6, 68.4%, 95.7%

CMYK

54.1%, 68.4%, 0.0%, 4.3%

OKLCH

0.5589 0.2351 285.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#704DF4

#D1F44D

Analogous

#4D7DF4

#C44DF4

#704DF4

Triadic

#704DF4

#F4704D

#4DF470

Split Complementary

#704DF4

#F4C44D

#7DF44D

Tetradic

#704DF4

#F44D7D

#D1F44D

#4DF4C4

Color Blindness Simulation

Original

#704DF4

Protanopia

#6161CC

Deuteranopia

#6365C2

Tritanopia

#6EACA5

Achromatopsia

#606060

CSS Usage

background-color: #704DF4;
color: #704DF4;
border-color: #704DF4;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C9BCFB
300
#A28CF8
400
#704DF4
500
#3E0FF0
600
#320CC0
700
#28099A
800
#1F0778
900
#1A0A57
950
#100637

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026