#7C5285

#7C5285

Color Values

HEX

#7C5285

RGB

124, 82, 133

HSL

289.4, 23.7%, 42.2%

HSV

289.4, 38.3%, 52.2%

CMYK

6.8%, 38.3%, 0.0%, 47.8%

OKLCH

0.5042 0.0927 320.4

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#7C5285

#5B8552

Analogous

#635285

#855275

#7C5285

Triadic

#7C5285

#857C52

#52857C

Split Complementary

#7C5285

#758552

#528563

Tetradic

#7C5285

#856352

#5B8552

#527585

Color Blindness Simulation

Original

#7C5285

Protanopia

#6A6979

Deuteranopia

#6C6F76

Tritanopia

#7A6F6D

Achromatopsia

#5F5F5F

CSS Usage

background-color: #7C5285;
color: #7C5285;
border-color: #7C5285;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F6F9
100
#EFEAF1
200
#E1D3E4
300
#CBB3D0
400
#AF8AB7
500
#93619E
600
#764E7E
700
#5E3E65
800
#4A314F
900
#37263B
950
#231825

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

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