#7072F2

#7072F2

Color Values

HEX

#7072F2

RGB

112, 114, 242

HSL

239.1, 83.3%, 69.4%

HSV

239.1, 53.7%, 94.9%

CMYK

53.7%, 52.9%, 0.0%, 5.1%

OKLCH

0.6162 0.1876 278.7

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7072F2

#F2F070

Analogous

#70B3F2

#AF70F2

#7072F2

Triadic

#7072F2

#F27072

#72F270

Split Complementary

#7072F2

#F2AF70

#B3F270

Tetradic

#7072F2

#F270B3

#F2F070

#70F2AF

Color Blindness Simulation

Original

#7072F2

Protanopia

#7171D3

Deuteranopia

#7171CC

Tritanopia

#70BBB5

Achromatopsia

#7B7B7B

CSS Usage

background-color: #7072F2;
color: #7072F2;
border-color: #7072F2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBEF9
300
#8F90F5
400
#5254EF
500
#1518EA
600
#1114BB
700
#0E1096
800
#0B0C75
900
#0C0D55
950
#080836

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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