#77036B

#77036B

Color Values

HEX

#77036B

RGB

119, 3, 107

HSL

306.2, 95.1%, 23.9%

HSV

306.2, 97.5%, 46.7%

CMYK

0.0%, 97.5%, 10.1%, 53.3%

OKLCH

0.393 0.1734 333.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#77036B

#03770F

Analogous

#490377

#770331

#77036B

Triadic

#77036B

#6B7703

#036B77

Split Complementary

#77036B

#317703

#037749

Tetradic

#77036B

#774903

#03770F

#033177

Color Blindness Simulation

Original

#77036B

Protanopia

#454452

Deuteranopia

#4C544C

Tritanopia

#713E3A

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDFF9
200
#FDB9F6
300
#FC88F0
400
#FA47E8
500
#F906E0
600
#C705B3
700
#9F048F
800
#7C0370
900
#5A0751
950
#390433

Contrast Checker

Text on white

10.45:1

AA Pass AAA Pass

Text on black

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