#7C26AF

#7C26AF

Color Values

HEX

#7C26AF

RGB

124, 38, 175

HSL

277.7, 64.3%, 41.8%

HSV

277.7, 78.3%, 68.6%

CMYK

29.1%, 78.3%, 0.0%, 31.4%

OKLCH

0.4705 0.2043 308.9

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#7C26AF

#59AF26

Analogous

#3826AF

#AF269E

#7C26AF

Triadic

#7C26AF

#AF7C26

#26AF7C

Split Complementary

#7C26AF

#9EAF26

#26AF38

Tetradic

#7C26AF

#AF3826

#59AF26

#269EAF

Color Blindness Simulation

Original

#7C26AF

Protanopia

#57568E

Deuteranopia

#5C6286

Tritanopia

#78746E

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E1C4F2
300
#CC9AE9
400
#B064DD
500
#952ED1
600
#7724A8
700
#5F1D86
800
#4A1769
900
#38144C
950
#230D30

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

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