#7071F4

#7071F4

Color Values

HEX

#7071F4

RGB

112, 113, 244

HSL

239.5, 85.7%, 69.8%

HSV

239.5, 54.1%, 95.7%

CMYK

54.1%, 53.7%, 0.0%, 4.3%

OKLCH

0.6158 0.1915 278.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7071F4

#F4F370

Analogous

#70B3F4

#B170F4

#7071F4

Triadic

#7071F4

#F47071

#71F470

Split Complementary

#7071F4

#F4B170

#B3F470

Tetradic

#7071F4

#F470B3

#F4F370

#70F4B1

Color Blindness Simulation

Original

#7071F4

Protanopia

#7070D4

Deuteranopia

#7070CD

Tritanopia

#70BBB6

Achromatopsia

#7A7A7A

CSS Usage

background-color: #7071F4;
color: #7071F4;
border-color: #7071F4;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BDBDFA
300
#8D8EF6
400
#5051F2
500
#1214ED
600
#0F10BD
700
#0C0D98
800
#090A76
900
#0B0C56
950
#070736

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass 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