#704FF3

#704FF3

Color Values

HEX

#704FF3

RGB

112, 79, 243

HSL

252.1, 87.2%, 63.1%

HSV

252.1, 67.5%, 95.3%

CMYK

53.9%, 67.5%, 0.0%, 4.7%

OKLCH

0.5608 0.2318 285.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#704FF3

#D2F34F

Analogous

#4F80F3

#C24FF3

#704FF3

Triadic

#704FF3

#F3704F

#4FF370

Split Complementary

#704FF3

#F3C24F

#80F34F

Tetradic

#704FF3

#F34F80

#D2F34F

#4FF3C2

Color Blindness Simulation

Original

#704FF3

Protanopia

#6261CB

Deuteranopia

#6466C2

Tritanopia

#6EACA5

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E0FA
200
#C9BCFA
300
#A28CF7
400
#704EF3
500
#3D10EF
600
#310DBF
700
#270A99
800
#1F0877
900
#1A0A56
950
#100737

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026