#7B1671

#7B1671

Color Values

HEX

#7B1671

RGB

123, 22, 113

HSL

305.9, 69.7%, 28.4%

HSV

305.9, 82.1%, 48.2%

CMYK

0.0%, 82.1%, 8.1%, 51.8%

OKLCH

0.4132 0.1665 332.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7B1671

#167B20

Analogous

#52167B

#7B163E

#7B1671

Triadic

#7B1671

#717B16

#16717B

Split Complementary

#7B1671

#3E7B16

#167B52

Tetradic

#7B1671

#7B5216

#167B20

#163E7B

Color Blindness Simulation

Original

#7B1671

Protanopia

#4F4E5B

Deuteranopia

#555D56

Tritanopia

#764A46

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C2EF
300
#EC97E4
400
#E25FD5
500
#D827C7
600
#AD1F9F
700
#8A197F
800
#6C1363
900
#4F1249
950
#320B2E

Contrast Checker

Text on white

9.57:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026