#7B2BA1

#7B2BA1

Color Values

HEX

#7B2BA1

RGB

123, 43, 161

HSL

280.7, 57.8%, 40.0%

HSV

280.7, 73.3%, 63.1%

CMYK

23.6%, 73.3%, 0.0%, 36.9%

OKLCH

0.4634 0.1852 312.4

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#7B2BA1

#51A12B

Analogous

#402BA1

#A12B8C

#7B2BA1

Triadic

#7B2BA1

#A17B2B

#2BA17B

Split Complementary

#7B2BA1

#8CA12B

#2BA140

Tetradic

#7B2BA1

#A1402B

#51A12B

#2B8CA1

Color Blindness Simulation

Original

#7B2BA1

Protanopia

#585884

Deuteranopia

#5D637E

Tritanopia

#776E69

Achromatopsia

#454545

CSS Usage

background-color: #7B2BA1;
color: #7B2BA1;
border-color: #7B2BA1;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F4FB
100
#F0E4F6
200
#E3C7F0
300
#CE9EE5
400
#B46AD7
500
#9A36C9
600
#7B2BA1
700
#622281
800
#4D1B65
900
#39174A
950
#240F2F

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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