HSL

318° · 66% · 35%

Authoritative Kvass

#961f73

Notes

Authoritative Kvass (#961F73) is a true magenta with a jewel character. It carries the deep, saturated richness of a gemstone. Authoritative and slightly formal, it works well for type and heavy UI elements. Its HSL profile (318°, 66%, 35%) places it in the balanced band at a mid lightness. It works across type, buttons, and borders, saturated enough to feel deliberate but balanced enough to not fight the rest of the palette. For a confident two-color system, pair it with its complementary green. For something softer, pull in its analogous neighbors on either side of the wheel.

HEX

#961f73

RGB

rgb(150, 31, 115)

HSL

hsl(318, 66%, 35%)

HWB

hwb(318 12% 41%)

OKLCH

oklch(46.6% 0.175 342.9)

color(display-p3 0.5403 0.1656 0.4396)

HSV

hsv(318, 79%, 59%)

LAB

lab(35.41% 55.43 -19.16)

LCH

lch(35.41% 58.64 340.93)

CMYK

cmyk(0%, 79%, 23%, 41%)

Etymology

Authoritative

adjective

Latin auctōritāt-, authority — adjectival suffix -ive. As a color modifier, authoritative implies a saturated-and-formal-imperative quality where the hue carries decisional weight and institutional credibility. Sits at the bold-and-authoritative end of the grid, parallel to commanding and magisterial in usage.

Kvass

noun

Eastern European kvass — a low-alcohol fermented drink made from rye-bread and beet-or-fruit additions, particularly the deep-magenta beet-kvass of Russian and Ukrainian post (Lenten) traditions. Kvass color refers to a freshly poured Russian-style beet-kvass in a clear-glass beer-mug: a saturated, slightly cool deep magenta with the matte finish of betalain-pigmented fermented-beet liquor on a dark birch-bench tavern surface.

Closest matches

The nearest named color in three reference sources, ranked by perceptual distance (ΔE76 in CIELAB). ΔE < 1 is imperceptible to most viewers; ΔE > 10 is clearly different. When two sources point to the same hex they’re merged into one tile; click any to open that color’s page.

#800080

W3C CSS namedPurpleΔE 18.55

#9e0168

Curated · xkcd surveyRed violetΔE 8.49

Variations

Click any swatch to explore

Tints & shades · lightness

-5#490a37 -4#580e42 -3#67124e -2#76165a -1#861b66 BASE#961f73 +1#ad508c +2#c379a6 +3#d7a1c1 +4#e9c9db +5#faf3f7

Tones · saturation

BASE#961f73 -1#8c326e -2#813f69 -3#754a64 -4#68525f -5#5a5a5a

Hues · rotation

-150#007474 -120#00699f -90#0057b7 -60#5143b6 -30#7b309d BASE#961f73 +30#a4143d +60#a32500 +90#914000 +120#6e5900 +150#2c6c00

Temperatures · cool ← → warm

-3#006f8f -2#0056b8 -1#6939ac BASE#961f73 +1#9f1758 +2#a4143a +3#a61a0e

Harmonies

Complementary

Authoritative Kvass#961f73 Peaceful Andaman#00753b

Analogous

Stately Aubergine#7b309d Authoritative Kvass#961f73 Praetorian Cranberry#a4143d

Triadic

Authoritative Kvass#961f73 Welcoming Suede#6e5900 Warm Saint Peacock#00699f

Split Complementary

Authoritative Kvass#961f73 Sturdy Aloe#2c6c00 Lined Yule Teal#007474

Tetradic

Authoritative Kvass#961f73 Weighty Daylily#a32500 Peaceful Andaman#00753b Warm Saint Peacock#00699f

Square

Authoritative Kvass#961f73 Surveyed Amber#914000 Peaceful Andaman#00753b Sumptuous Boracay#0057b7

Accessibility

Color-vision simulation

How this color appears to viewers with the four major color-vision-deficiency types. Computed via the Machado (2009) physiologically-based model. If a tile matches the original, the color reads the same to that viewer.

#961f73

Original

#2d4775

Protanopia

#525a70

Deuteranopia

#a02047

Tritanopia

#3e3e3e

Achromatopsia

WCAG contrast

The color used as foreground text against pure white and pure black, with the contrast ratio and WCAG 2.1 grade. Aim for AA (4.5:1) for body text and AA Large (3:1) for 18 pt+ headlines; AAA (7:1) is the gold standard for long-form reading surfaces.

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).

AAAon White

7.66:1

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).

Failon Black

2.74:1

Wide gamut

Display P3 representation

The CSS Color 4 wide-gamut form of this color. Both swatches render the same color on every display — the P3 form only diverges from sRGB when a designer pushes channels outside sRGB's reach.

sRGB hex

##961F73

Display P3

color(display-p3 0.5403 0.1656 0.4396)

P3 has subtle headroomOKLCH chroma 0.175

Moderately saturated colors gain a small bump in P3 — the difference is usually visible side-by-side on wide-gamut hardware but won't change the character of the color.

Related Colors