#7C40AB

#7C40AB

Color Values

HEX

#7C40AB

RGB

124, 64, 171

HSL

273.6, 45.5%, 46.1%

HSV

273.6, 62.6%, 67.1%

CMYK

27.5%, 62.6%, 0.0%, 32.9%

OKLCH

0.4972 0.1679 307.2

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#7C40AB

#6FAB40

Analogous

#4640AB

#AB40A5

#7C40AB

Triadic

#7C40AB

#AB7C40

#40AB7C

Split Complementary

#7C40AB

#A5AB40

#40AB46

Tetradic

#7C40AB

#AB4640

#6FAB40

#40A5AB

Color Blindness Simulation

Original

#7C40AB

Protanopia

#626191

Deuteranopia

#666A8B

Tritanopia

#797D78

Achromatopsia

#545454

CSS Usage

background-color: #7C40AB;
color: #7C40AB;
border-color: #7C40AB;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C5A6DE
400
#A676CC
500
#8645BA
600
#6C3894
700
#562C77
800
#43235D
900
#331D44
950
#20122B

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

3.18:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026