#752AC9

#752AC9

Color Values

HEX

#752AC9

RGB

117, 42, 201

HSL

268,3, 65,4%, 47,6%

HSV

268,3, 79,1%, 78,8%

CMYK

41,8%, 79,1%, 0,0%, 21,2%

OKLCH

0,4869 0,2242 298,9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#752AC9

#7EC92A

Analogous

#2A2EC9

#C42AC9

#752AC9

Triadic

#752AC9

#C9752A

#2AC975

Split Complementary

#752AC9

#C9C42A

#2EC92A

Tetradic

#752AC9

#C92A2E

#7EC92A

#2AC9C4

Color Blindness Simulation

Original

#752AC9

Protanopia

#5554A3

Deuteranopia

#595E99

Tritanopia

#71847D

Achromatopsia

#454545

CSS Usage

background-color: #752AC9;
color: #752AC9;
border-color: #752AC9;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DAC4F3
300
#C09AEA
400
#9D63DE
500
#7B2CD3
600
#6223A9
700
#4F1C87
800
#3D1669
900
#2F144D
950
#1E0D31

Contrast Checker

Text on white

7,16:1

AA Pass AAA Pass

Text on black

2,93:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026