Skip to content

#511D96 Color

#511D96 is rgb(81, 29, 150) in RGB, hsl(266, 68%, 35%) in HSL, and about cmyk(46%, 81%, 0%, 41%) in CMYK. It has no registered color name of its own — the closest is Metallic Violet (#5B0A91), clearly related but distinguishable side by side at ΔE 6.9. White text is the more readable choice on this background.

#511D96
HEX#511D96
RGBrgb(81, 29, 150)
HSLhsl(266, 68%, 35%)
HSVhsv(266, 81%, 59%)
CMYKcmyk(46%, 81%, 0%, 41%)
OKLCHoklch(38.6% 0.18 296.2)
LABlab(25.44% 43.23 -57.30)
LCHlch(25.44% 71.78 307.03)

What #511D96 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 #511D96, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Metallic Violet#5B0A91ΔE 6.9Indigo#4B0082ΔE 7.51Grape#6F2DA8ΔE 9.03Persian Indigo#32127AΔE 11.55Rebecca Purple#663399ΔE 12.79KSU Purple#512888ΔE 12.91

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

#511D96 Channel Values

How #511D96 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 81 · G 29 · B 1508-bit channels as sent to the display
HSLH 266° · S 68% · L 35%Easiest model for building lighter and darker variants
HSVH 266° · S 81% · V 59%Matches the picker in most design tools
CMYKC 46% · M 81% · Y 0% · K 41%Approximate ink mix; confirm with an ICC profile before printing
Luminance10.68:1 vs white · 1.97:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #511D96 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 text10.68:1AA normal AA large AAA normal
Fails AABlack text1.97:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #511D96 in the contrast checker.

Colors That Go With #511D96

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

Base
#511D96
Complementary
#61961D
Analogous
#1D2596
Analogous
#8E1D96
Triadic
#96511D
Triadic
#1D9651
Split comp.
#968E1D
Split comp.
#25961D

Tints & Shades of #511D96

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

#6624BC
#7C36D9
#955CE0
#AE83E7
#C7A9EF
#E0D0F6

Shades

#481985
#3C156F
#33125E
#270E49
#1E0B38
#130722

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

How #511D96 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#511D96
Protanopia#2B2B96
Protanomaly#3E2696
Deuteranopia#353596
Deuteranomaly#422D96
Tritanopia#3C3F3F
Tritanomaly#45346D
Achromatopsia#3E3E3E

Test a full palette in the color blindness simulator.

Using #511D96 in Code

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

CSS custom property--color-511d96: #511D96;
CSS backgroundbackground-color: #511D96;
Tailwind configcolors: { 'color-511d96': '#511D96' }
SwiftUIColor(red: 0.318, green: 0.114, blue: 0.588)
Android XML<color name="color_511d96">#511D96</color>
SVG fillfill="#511D96"

More Purple Colors

#511D96 sits in the purple family. These are its neighbours across that family's full range, each with its own breakdown.

150024fdf8ff170b22fdf4ff1b0d35faf5ff1d0731fae8ff1e0033f6cfff20002ef3e8ff3000524020605414906600cc7008e78806ce9900cca11fffb19cd9c27affcebeefe0b2eb

#511D96 Frequently Asked Questions

What color is #511D96?

#511D96 is a dark purple — rgb(81, 29, 150) in RGB and hsl(266, 68%, 35%) in HSL. It carries no registered color name of its own; the closest named color is Metallic Violet (#5B0A91), which is clearly related but distinguishable side by side at a CIE76 distance of 6.9.

What is the RGB value of #511D96?

#511D96 is rgb(81, 29, 150) — red 81, green 29, and blue 150 on the 0-255 scale.

What is the CMYK value of #511D96?

#511D96 converts to approximately cmyk(46%, 81%, 0%, 41%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #511D96 be black or white?

White text is the more readable choice. #511D96 scores 10.68:1 against white and 1.97:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #511D96 as a CSS color keyword?

No. #511D96 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 indigo (#4B0082) at a CIE76 distance of 7.51, which is clearly related but distinguishable side by side.

Open #511D96 in a Tool

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

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