#704FF2

#704FF2

Color Values

HEX

#704FF2

RGB

112, 79, 242

HSL

252.1, 86.2%, 62.9%

HSV

252.1, 67.4%, 94.9%

CMYK

53.7%, 67.4%, 0.0%, 5.1%

OKLCH

0.56 0.2306 285.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#704FF2

#D1F24F

Analogous

#4F80F2

#C14FF2

#704FF2

Triadic

#704FF2

#F2704F

#4FF270

Split Complementary

#704FF2

#F2C14F

#80F24F

Tetradic

#704FF2

#F24F80

#D1F24F

#4FF2C1

Color Blindness Simulation

Original

#704FF2

Protanopia

#6261CB

Deuteranopia

#6466C1

Tritanopia

#6EABA5

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E0FA
200
#C9BDFA
300
#A28DF7
400
#704FF2
500
#3E12ED
600
#320EBE
700
#280B98
800
#1F0977
900
#1A0B56
950
#100736

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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