#724AC3

#724AC3

Color Values

HEX

#724AC3

RGB

114, 74, 195

HSL

259.8, 50.2%, 52.7%

HSV

259.8, 62.1%, 76.5%

CMYK

41.5%, 62.1%, 0.0%, 23.5%

OKLCH

0.5177 0.1803 294.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#724AC3

#9BC34A

Analogous

#4A5EC3

#AE4AC3

#724AC3

Triadic

#724AC3

#C3724A

#4AC372

Split Complementary

#724AC3

#C3AE4A

#5EC34A

Tetradic

#724AC3

#C34A5E

#9BC34A

#4AC3AE

Color Blindness Simulation

Original

#724AC3

Protanopia

#6160A6

Deuteranopia

#63669F

Tritanopia

#708F8A

Achromatopsia

#5B5B5B

CSS Usage

background-color: #724AC3;
color: #724AC3;
border-color: #724AC3;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F6F4FB
100
#EBE6F5
200
#D5C9ED
300
#B7A3E1
400
#9171D0
500
#6A3FC0
600
#553399
700
#44297B
800
#352060
900
#291B46
950
#1A112C

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026