#726AE2

#726AE2

Color Values

HEX

#726AE2

RGB

114, 106, 226

HSL

244.0, 67.4%, 65.1%

HSV

244.0, 53.1%, 88.6%

CMYK

49.6%, 53.1%, 0.0%, 11.4%

OKLCH

0.5925 0.1765 282.6

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#726AE2

#DAE26A

Analogous

#6A9EE2

#AE6AE2

#726AE2

Triadic

#726AE2

#E2726A

#6AE272

Split Complementary

#726AE2

#E2AE6A

#9EE26A

Tetradic

#726AE2

#E26A9E

#DAE26A

#6AE2AE

Color Blindness Simulation

Original

#726AE2

Protanopia

#6F6EC5

Deuteranopia

#6F70BE

Tritanopia

#72AEA9

Achromatopsia

#747474

CSS Usage

background-color: #726AE2;
color: #726AE2;
border-color: #726AE2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C3F3
300
#9E99EB
400
#6A61E0
500
#352AD5
600
#2A21AB
700
#221B89
800
#1B156B
900
#17134E
950
#0F0C31

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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