#77167B

#77167B

Color Values

HEX

#77167B

RGB

119, 22, 123

HSL

297.6, 69.7%, 28.4%

HSV

297.6, 82.1%, 48.2%

CMYK

3.3%, 82.1%, 0.0%, 51.8%

OKLCH

0.4128 0.1723 326.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#77167B

#1A7B16

Analogous

#44167B

#7B164C

#77167B

Triadic

#77167B

#7B7716

#167B77

Split Complementary

#77167B

#4C7B16

#167B44

Tetradic

#77167B

#7B4416

#1A7B16

#164C7B

Color Blindness Simulation

Original

#77167B

Protanopia

#4D4C63

Deuteranopia

#535A5D

Tritanopia

#724F4B

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F8
200
#F2C2F4
300
#E997EC
400
#DD5FE2
500
#D127D8
600
#A71FAD
700
#86198A
800
#69136C
900
#4C124F
950
#300B32

Contrast Checker

Text on white

9.61:1

AA Pass AAA Pass

Text on black

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