#7B4FF3

#7B4FF3

Color Values

HEX

#7B4FF3

RGB

123, 79, 243

HSL

256.1, 87.2%, 63.1%

HSV

256.1, 67.5%, 95.3%

CMYK

49.4%, 67.5%, 0.0%, 4.7%

OKLCH

0.5705 0.2311 289.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7B4FF3

#C7F34F

Analogous

#4F75F3

#CD4FF3

#7B4FF3

Triadic

#7B4FF3

#F37B4F

#4FF37B

Split Complementary

#7B4FF3

#F3CD4F

#75F34F

Tetradic

#7B4FF3

#F34F75

#C7F34F

#4FF3CD

Color Blindness Simulation

Original

#7B4FF3

Protanopia

#6868CB

Deuteranopia

#6A6EC2

Tritanopia

#79ACA5

Achromatopsia

#646464

CSS Usage

background-color: #7B4FF3;
color: #7B4FF3;
border-color: #7B4FF3;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E7E0FA
200
#CDBCFA
300
#A98CF7
400
#7B4EF3
500
#4C10EF
600
#3D0DBF
700
#310A99
800
#260877
900
#1F0A56
950
#130737

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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