#7B167A

#7B167A

Color Values

HEX

#7B167A

RGB

123, 22, 122

HSL

300.6, 69.7%, 28.4%

HSV

300.6, 82.1%, 48.2%

CMYK

0.0%, 82.1%, 0.8%, 51.8%

OKLCH

0.4187 0.1734 328.6

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7B167A

#167B17

Analogous

#49167B

#7B1647

#7B167A

Triadic

#7B167A

#7A7B16

#167A7B

Split Complementary

#7B167A

#477B16

#167B49

Tetradic

#7B167A

#7B4916

#167B17

#16477B

Color Blindness Simulation

Original

#7B167A

Protanopia

#4F4E62

Deuteranopia

#555D5C

Tritanopia

#764F4A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E3F8
200
#F4C2F4
300
#EC97EC
400
#E25FE1
500
#D827D7
600
#AD1FAC
700
#8A1989
800
#6C136B
900
#4F124E
950
#320B31

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026