#974BDB#974BDB

#974BDB is a mid, highly saturated violet. Relative luminance 0.167; OKLCH L 57.6% C 0.212 H 304.8°. Best body text is #FFFFFF at 4.83:1 contrast (WCAG AA passes).

Color values

HEX#974BDB
RGBrgb(151, 75, 219)
HSLhsl(272, 67%, 58%)
HSVhsv(272, 66%, 86%)
CMYKcmyk(31.1%, 65.8%, 0%, 14.1%)
CIE-LABlab(47.91, 57.45, -61.39)
CIE-LCHlch(47.91, 84.08, 313.10°)
OKLaboklab(57.61% 0.1211 -0.1742)
OKLCHoklch(57.61% 0.212 304.8)
XYZxyz(28.0619, 16.7261, 68.7542)
Luminance0.1673 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#974BDB #8FDB4B
analogous
#4F4BDB #974BDB #DB4BD7
triadic
#974BDB #DB974B #4BDB97
tetradic
#974BDB #DB4F4B #8FDB4B #4BD7DB
square
#974BDB #DB4F4B #8FDB4B #4BD7DB
split-complementary
#974BDB #D7DB4B #4BDB4F
monochromatic
#591D8F #7927C2 #974BDB #B47EE5 #D2B1EF

Accessibility & contrast

On white

4.83
#974BDB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.35
#974BDB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #974BDB
4.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##974BDB#FFFFFF#000000##FFFFFF
##974BDB1.004.834.354.83
#FFFFFF4.831.0021.001.00
#0000004.3521.001.0021.00
##FFFFFF4.831.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0070DF
Deuteranopia (green-blind)
#1E72D8
Tritanopia (blue-blind)
#8B6B8D
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #974bdb;
/* rgb */ color: rgb(151, 75, 219);
/* oklch */ color: oklch(57.6% 0.212 304.8);
Tailwind
colors: {
  custom: {
    50: '#ba82e7',
    500: '#974bdb',
    950: '#000000',
  },
}
SCSS
$custom: #974bdb;
$custom-light: #ba82e7;
$custom-dark: #000000;
JSON
{
  "hex": "#974bdb",
  "rgb": {
    "r": 151,
    "g": 75,
    "b": 219
  },
  "hsl": {
    "h": 271.667,
    "s": 66.667,
    "l": 57.647
  },
  "oklch": {
    "l": 0.5761,
    "c": 0.21213,
    "h": 304.8
  },
  "luminance": 0.16726
}

Semantic roles & 50–950 ramp

primary
#974BDB
secondary
#BFDEA4
accent
#EA3E8F
background
#FBF8FE
surface
#F7EFFD
border
#D0CAD5
text
#120B16
muted
#817C84

Preview Lab

Preview with #974BDB

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#974BDB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva