#7B047B

#7B047B

Color Values

HEX

#7B047B

RGB

123, 4, 123

HSL

300.0, 93.7%, 24.9%

HSV

300.0, 96.7%, 48.2%

CMYK

0.0%, 96.7%, 0.0%, 51.8%

OKLCH

0.4106 0.1858 328.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7B047B

#047B04

Analogous

#3F047B

#7B043F

#7B047B

Triadic

#7B047B

#7B7B04

#047B7B

Split Complementary

#7B047B

#3F7B04

#047B3F

Tetradic

#7B047B

#7B3F04

#047B04

#043F7B

Color Blindness Simulation

Original

#7B047B

Protanopia

#47465E

Deuteranopia

#4E5757

Tritanopia

#754742

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFD
300
#FB88FB
400
#F948F9
500
#F708F7
600
#C606C6
700
#9E059E
800
#7B047B
900
#590859
950
#380538

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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