#7D12BA

#7D12BA

Color Values

HEX

#7D12BA

RGB

125, 18, 186

HSL

278.2, 82.4%, 40.0%

HSV

278.2, 90.3%, 72.9%

CMYK

32.8%, 90.3%, 0.0%, 27.1%

OKLCH

0.4677 0.2292 307.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7D12BA

#4FBA12

Analogous

#2912BA

#BA12A3

#7D12BA

Triadic

#7D12BA

#BA7D12

#12BA7D

Split Complementary

#7D12BA

#A3BA12

#12BA29

Tetradic

#7D12BA

#BA2912

#4FBA12

#12A3BA

Color Blindness Simulation

Original

#7D12BA

Protanopia

#4F4E91

Deuteranopia

#555D88

Tritanopia

#78716A

Achromatopsia

#353535

CSS Usage

background-color: #7D12BA;
color: #7D12BA;
border-color: #7D12BA;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F9F2FD
100
#F1E1FA
200
#E3BEF9
300
#D08FF4
400
#B653EE
500
#9C16E9
600
#7D12BA
700
#640E95
800
#4E0B74
900
#3A0D54
950
#250835

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

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