#7C148F

#7C148F

Color Values

HEX

#7C148F

RGB

124, 20, 143

HSL

290.7, 75.5%, 32.0%

HSV

290.7, 86.0%, 56.1%

CMYK

13.3%, 86.0%, 0.0%, 43.9%

OKLCH

0.4332 0.1921 320.5

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#7C148F

#278F14

Analogous

#3F148F

#8F1465

#7C148F

Triadic

#7C148F

#8F7C14

#148F7C

Split Complementary

#7C148F

#658F14

#148F3F

Tetradic

#7C148F

#8F3F14

#278F14

#14658F

Color Blindness Simulation

Original

#7C148F

Protanopia

#4F4E71

Deuteranopia

#555D6A

Tritanopia

#775A55

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FBF2FC
100
#F5E2F9
200
#EEC0F6
300
#E294F0
400
#D259E8
500
#C21FE0
600
#9B19B3
700
#7C148F
800
#611070
900
#471051
950
#2D0A33

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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