Skip to content

#77517B Color

#77517B is rgb(119, 81, 123) in RGB, hsl(294, 21%, 40%) in HSL, and about cmyk(3%, 34%, 0%, 52%) in CMYK. It has no registered color name of its own — the closest is Chinese Violet (#856088), clearly related but distinguishable side by side at ΔE 6.08. White text is the more readable choice on this background.

#77517B
HEX#77517B
RGBrgb(119, 81, 123)
HSLhsl(294, 21%, 40%)
HSVhsv(294, 34%, 48%)
CMYKcmyk(3%, 34%, 0%, 52%)
OKLCHoklch(49.2% 0.08 323.4)
LABlab(39.92% 22.04 -17.38)
LCHlch(39.92% 28.07 321.74)

What #77517B Is Called

Most hex codes have no name: there are 16.7 million of them and a few thousand registered names. These are the named colors nearest to #77517B, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Chinese Violet#856088ΔE 6.08French Lilac#86608EΔE 6.44Antique Fuchsia#915C83ΔE 9.23Razzmic Berry#8D4E85ΔE 11.6English Violet#563C5CΔE 12.3Medium Violet#65315FΔE 13.08

Browse the full index of named colors A-Z or every pink in the library.

#77517B Channel Values

How #77517B breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

ModelChannelsNotes
RGBR 119 · G 81 · B 1238-bit channels as sent to the display
HSLH 294° · S 21% · L 40%Easiest model for building lighter and darker variants
HSVH 294° · S 34% · V 48%Matches the picker in most design tools
CMYKC 3% · M 34% · Y 0% · K 52%Approximate ink mix; confirm with an ICC profile before printing
Luminance6.47:1 vs white · 3.25:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #77517B background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

TextWhite text6.47:1AA normal AA large AAA normal
Fails AABlack text3.25:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #77517B in the contrast checker.

Colors That Go With #77517B

Pairings derived from color-wheel relationships. The complementary color sits opposite #77517B; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base
#77517B
Complementary
#557B51
Analogous
#62517B
Analogous
#7B516A
Triadic
#7B7751
Triadic
#517B77
Split comp.
#6A7B51
Split comp.
#517B62

Tints & Shades of #77517B

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

#8F6194
#A47AA8
#B593B8
#C6ACC9
#D7C4D9
#EAE0EB

Shades

#68476C
#593C5D
#4A324D
#39263B
#2A1C2B
#1B121C

Want a full 50-950 ramp with semantic roles? Generate design tokens from #77517B.

How #77517B Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#77517B
Protanopia#59597B
Protanomaly#66567B
Deuteranopia#60607A
Deuteranomaly#6A5A7B
Tritanopia#725858
Tritanomaly#745568
Achromatopsia#5E5E5E

Test a full palette in the color blindness simulator.

Using #77517B in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--color-77517b: #77517B;
CSS backgroundbackground-color: #77517B;
Tailwind configcolors: { 'color-77517b': '#77517B' }
SwiftUIColor(red: 0.467, green: 0.318, blue: 0.482)
Android XML<color name="color_77517b">#77517B</color>
SVG fillfill="#77517B"

More Pink Colors

#77517B sits in the pink family. These are its neighbours across that family's full range, each with its own breakdown.

200e15fff5ff240024fff5f82e051ffff0ff2f1d2ffff0f6301934fff0f5330033ffe0f057001d754875940094a800b7c43162d07cd0e0115fe936a7f38fa9fb64b6ff0a85ff70b8

#77517B Frequently Asked Questions

What color is #77517B?

#77517B is a mid-tone pink — rgb(119, 81, 123) in RGB and hsl(294, 21%, 40%) in HSL. It carries no registered color name of its own; the closest named color is Chinese Violet (#856088), which is clearly related but distinguishable side by side at a CIE76 distance of 6.08.

What is the RGB value of #77517B?

#77517B is rgb(119, 81, 123) — red 119, green 81, and blue 123 on the 0-255 scale.

What is the CMYK value of #77517B?

#77517B converts to approximately cmyk(3%, 34%, 0%, 52%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #77517B be black or white?

White text is the more readable choice. #77517B scores 6.47:1 against white and 3.25:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #77517B as a CSS color keyword?

No. #77517B is not one of the CSS color keywords, so it has to be written as a hex, rgb() or hsl() value. The closest keyword is darkslateblue (#483D8B) at a CIE76 distance of 27.14, which is a different colour altogether.

Open #77517B in a Tool

Hex to RGBHex to HSLHex to CMYKHex to OKLCHHex to PantoneBuild a paletteMake a gradient

Keep exploring: every pink in the color library, the guide to shades of pink, or the full color library.