#7746D9#7746D9

#7746D9 is a mid, highly saturated violet. Relative luminance 0.133; OKLCH L 53.4% C 0.212 H 293.2°. Best body text is #FFFFFF at 5.73:1 contrast (WCAG AA passes).

Color values

HEX#7746D9
RGBrgb(119, 70, 217)
HSLhsl(260, 66%, 56%)
HSVhsv(260, 68%, 85%)
CMYKcmyk(45.2%, 67.7%, 0%, 14.9%)
CIE-LABlab(43.23, 53.18, -68.02)
CIE-LCHlch(43.23, 86.33, 308.02°)
OKLaboklab(53.39% 0.0833 -0.1947)
OKLCHoklch(53.39% 0.212 293.2)
XYZxyz(22.3189, 13.3113, 67.0256)
Luminance0.1331 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7746D9 #A8D946
analogous
#465FD9 #7746D9 #C146D9
triadic
#7746D9 #D97746 #46D977
tetradic
#7746D9 #D9465F #A8D946 #46D9C1
square
#7746D9 #D9465F #A8D946 #46D9C1
split-complementary
#7746D9 #D9C146 #5FD946
monochromatic
#401C89 #5826BB #7746D9 #9C79E3 #C2ACEE

Accessibility & contrast

On white

5.73
#7746D9 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.66
#7746D9 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7746D9
5.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7746D9#FFFFFF#000000##FFFFFF
##7746D91.005.733.665.73
#FFFFFF5.731.0021.001.00
#0000003.6621.001.0021.00
##FFFFFF5.731.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0068DD
Deuteranopia (green-blind)
#0063D6
Tritanopia (blue-blind)
#5A6A8A
Achromatopsia (no color)
#666666

Design tokens & code

CSS
--color: #7746d9;
/* rgb */ color: rgb(119, 70, 217);
/* oklch */ color: oklch(53.4% 0.212 293.2);
Tailwind
colors: {
  custom: {
    50: '#a67de6',
    500: '#7746d9',
    950: '#000000',
  },
}
SCSS
$custom: #7746d9;
$custom-light: #a67de6;
$custom-dark: #000000;
JSON
{
  "hex": "#7746d9",
  "rgb": {
    "r": 119,
    "g": 70,
    "b": 217
  },
  "hsl": {
    "h": 260,
    "s": 65.919,
    "l": 56.275
  },
  "oklch": {
    "l": 0.53387,
    "c": 0.21175,
    "h": 293.2
  },
  "luminance": 0.13312
}

Semantic roles & 50–950 ramp

primary
#7746D9
secondary
#C7DC9F
accent
#E93FB0
background
#FAF7FE
surface
#F4EEFC
border
#CEC9D5
text
#100A16
muted
#7F7C84

Preview Lab

Preview with #7746D9

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

Preview Lab → · Contrast checker → · Palette generator →

#7746D9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva