#7C3DC8

#7C3DC8

Color Values

HEX

#7C3DC8

RGB

124, 61, 200

HSL

267.2, 55.8%, 51.2%

HSV

267.2, 69.5%, 78.4%

CMYK

38.0%, 69.5%, 0.0%, 21.6%

OKLCH

0.5144 0.204 299.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7C3DC8

#89C83D

Analogous

#3D44C8

#C23DC8

#7C3DC8

Triadic

#7C3DC8

#C87C3D

#3DC87C

Split Complementary

#7C3DC8

#C8C23D

#44C83D

Tetradic

#7C3DC8

#C83D44

#89C83D

#3DC8C2

Color Blindness Simulation

Original

#7C3DC8

Protanopia

#6160A6

Deuteranopia

#64699E

Tritanopia

#798C86

Achromatopsia

#545454

CSS Usage

background-color: #7C3DC8;
color: #7C3DC8;
border-color: #7C3DC8;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D9C7EF
300
#BFA0E4
400
#9C6CD5
500
#7938C7
600
#612D9F
700
#4D247F
800
#3C1C63
900
#2E1849
950
#1D0F2E

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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