#7B2D73

#7B2D73

Color Values

HEX

#7B2D73

RGB

123, 45, 115

HSL

306.2, 46.4%, 32.9%

HSV

306.2, 63.4%, 48.2%

CMYK

0.0%, 63.4%, 6.5%, 51.8%

OKLCH

0.4365 0.1394 331.9

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#7B2D73

#2D7B35

Analogous

#5C2D7B

#7B2D4C

#7B2D73

Triadic

#7B2D73

#737B2D

#2D737B

Split Complementary

#7B2D73

#4C7B2D

#2D7B5C

Tetradic

#7B2D73

#7B5C2D

#2D7B35

#2D4C7B

Color Blindness Simulation

Original

#7B2D73

Protanopia

#595962

Deuteranopia

#5E645E

Tritanopia

#775552

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE8
300
#DEA5D8
400
#CC75C3
500
#BB44AE
600
#95378C
700
#772C70
800
#5D2257
900
#451C41
950
#2B1229

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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