#7B03D4

#7B03D4

Color Values

HEX

#7B03D4

RGB

123, 3, 212

HSL

274.4, 97.2%, 42.2%

HSV

274.4, 98.6%, 83.1%

CMYK

42.0%, 98.6%, 0.0%, 16.9%

OKLCH

0.4836 0.2558 300.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7B03D4

#5CD403

Analogous

#1203D4

#D403C5

#7B03D4

Triadic

#7B03D4

#D47B03

#03D47B

Split Complementary

#7B03D4

#C5D403

#03D412

Tetradic

#7B03D4

#D41203

#5CD403

#03C5D4

Color Blindness Simulation

Original

#7B03D4

Protanopia

#4746A1

Deuteranopia

#4E5795

Tritanopia

#757971

Achromatopsia

#2C2C2C

CSS Usage

background-color: #7B03D4;
color: #7B03D4;
border-color: #7B03D4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#E0B9FE
300
#CB86FD
400
#AE45FC
500
#9204FB
600
#7503C9
700
#5D02A1
800
#49027E
900
#37065B
950
#230439

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

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