#7D40BB

#7D40BB

Color Values

HEX

#7D40BB

RGB

125, 64, 187

HSL

269.8, 49.0%, 49.2%

HSV

269.8, 65.8%, 73.3%

CMYK

33.2%, 65.8%, 0.0%, 26.7%

OKLCH

0.5096 0.1861 303.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7D40BB

#7EBB40

Analogous

#4040BB

#BB40BB

#7D40BB

Triadic

#7D40BB

#BB7D40

#40BB7D

Split Complementary

#7D40BB

#BBBB40

#40BB40

Tetradic

#7D40BB

#BB4040

#7EBB40

#40BBBB

Color Blindness Simulation

Original

#7D40BB

Protanopia

#63629D

Deuteranopia

#666B96

Tritanopia

#7A8681

Achromatopsia

#565656

CSS Usage

background-color: #7D40BB;
color: #7D40BB;
border-color: #7D40BB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBCAED
300
#C2A4E0
400
#A072CF
500
#7F41BE
600
#663498
700
#512A7A
800
#40215F
900
#301B46
950
#1F112C

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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