#7C136D

#7C136D

Color Values

HEX

#7C136D

RGB

124, 19, 109

HSL

308,6, 73,4%, 28,0%

HSV

308,6, 84,7%, 48,6%

CMYK

0,0%, 84,7%, 12,1%, 51,4%

OKLCH

0,4106 0,1668 335,1

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#7C136D

#137C22

Analogous

#56137C

#7C1338

#7C136D

Triadic

#7C136D

#6D7C13

#136D7C

Split Complementary

#7C136D

#387C13

#137C56

Tetradic

#7C136D

#7C5613

#137C22

#13387C

Color Blindness Simulation

Original

#7C136D

Protanopia

#4F4E57

Deuteranopia

#555C52

Tritanopia

#774642

Achromatopsia

#303030

CSS Usage

background-color: #7C136D;
color: #7C136D;
border-color: #7C136D;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF3FB
100
#F8E2F5
200
#F6C1EE
300
#EF95E2
400
#E65BD2
500
#DD22C2
600
#B11B9B
700
#8D167C
800
#6F1161
900
#501047
950
#330A2D

Contrast Checker

Text on white

9,67:1

AA Pass AAA Pass

Text on black

2,17: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