#7B0F77

#7B0F77

Color Values

HEX

#7B0F77

RGB

123, 15, 119

HSL

302.2, 78.3%, 27.1%

HSV

302.2, 87.8%, 48.2%

CMYK

0.0%, 87.8%, 3.3%, 51.8%

OKLCH

0.4126 0.1766 330.0

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7B0F77

#0F7B13

Analogous

#490F7B

#7B0F41

#7B0F77

Triadic

#7B0F77

#777B0F

#0F777B

Split Complementary

#7B0F77

#417B0F

#0F7B49

Tetradic

#7B0F77

#7B490F

#0F7B13

#0F417B

Color Blindness Simulation

Original

#7B0F77

Protanopia

#4C4B5E

Deuteranopia

#525B58

Tritanopia

#764A46

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F8
200
#F7BFF5
300
#F292EE
400
#EB57E5
500
#E31CDC
600
#B616B0
700
#91128D
800
#720E6E
900
#530E50
950
#340933

Contrast Checker

Text on white

9.65:1

AA Pass AAA Pass

Text on black

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