#76296B

#76296B

Color Values

HEX

#76296B

RGB

118, 41, 107

HSL

308.6, 48.4%, 31.2%

HSV

308.6, 65.3%, 46.3%

CMYK

0.0%, 65.3%, 9.3%, 53.7%

OKLCH

0.4197 0.1354 333.8

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#76296B

#297634

Analogous

#5B2976

#762945

#76296B

Triadic

#76296B

#6B7629

#296B76

Split Complementary

#76296B

#457629

#29765B

Tetradic

#76296B

#765B29

#297634

#294576

Color Blindness Simulation

Original

#76296B

Protanopia

#55545B

Deuteranopia

#595F57

Tritanopia

#724E4C

Achromatopsia

#3E3E3E

CSS Usage

background-color: #76296B;
color: #76296B;
border-color: #76296B;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FA
100
#F4E6F2
200
#EDCAE8
300
#DFA4D7
400
#CE73C1
500
#BD42AC
600
#973589
700
#792A6E
800
#5F2156
900
#461B40
950
#2C1128

Contrast Checker

Text on white

9.13:1

AA Pass AAA Pass

Text on black

2.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026