#76166D

#76166D

Color Values

HEX

#76166D

RGB

118, 22, 109

HSL

305.6, 68.6%, 27.5%

HSV

305.6, 81.4%, 46.3%

CMYK

0.0%, 81.4%, 7.6%, 53.7%

OKLCH

0.4024 0.1609 332.4

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#76166D

#16761F

Analogous

#4F1676

#76163D

#76166D

Triadic

#76166D

#6D7616

#166D76

Split Complementary

#76166D

#3D7616

#16764F

Tetradic

#76166D

#764F16

#16761F

#163D76

Color Blindness Simulation

Original

#76166D

Protanopia

#4C4C58

Deuteranopia

#525953

Tritanopia

#714744

Achromatopsia

#313131

CSS Usage

background-color: #76166D;
color: #76166D;
border-color: #76166D;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3EF
300
#EC98E4
400
#E160D5
500
#D728C7
600
#AC209F
700
#8A1A7F
800
#6B1463
900
#4E1349
950
#310C2E

Contrast Checker

Text on white

9.97:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026