#614294#614294

#614294 is a mid, vivid violet. Relative luminance 0.086; OKLCH L 45.4% C 0.130 H 298.5°. Best body text is #FFFFFF at 7.73:1 contrast (WCAG AA passes).

Color values

HEX#614294
RGBrgb(97, 66, 148)
HSLhsl(263, 38%, 42%)
HSVhsv(263, 55%, 58%)
CMYKcmyk(34.5%, 55.4%, 0%, 42%)
CIE-LABlab(35.15, 31.88, -40.52)
CIE-LCHlch(35.15, 51.55, 308.20°)
OKLaboklab(45.43% 0.0623 -0.1146)
OKLCHoklch(45.43% 0.13 298.5)
XYZxyz(12.2220, 8.5758, 29.0226)
Luminance0.0858 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#614294 #759442
analogous
#424C94 #614294 #8A4294
triadic
#614294 #946142 #429461
tetradic
#614294 #94424C #759442 #42948A
square
#614294 #94424C #759442 #42948A
split-complementary
#614294 #948A42 #4C9442
monochromatic
#2A1C3F #452F6A #614294 #7F5DB7 #A087C9

Accessibility & contrast

On white

7.73
#614294 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.72
#614294 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #614294
7.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##614294#FFFFFF#000000##FFFFFF
##6142941.007.732.727.73
#FFFFFF7.731.0021.001.00
#0000002.7221.001.0021.00
##FFFFFF7.731.0021.001.00

Color blindness preview

Protanopia (red-blind)
#215397
Deuteranopia (green-blind)
#2A5292
Tritanopia (blue-blind)
#565264
Achromatopsia (no color)
#535353

Design tokens & code

CSS
--color: #614294;
/* rgb */ color: rgb(97, 66, 148);
/* oklch */ color: oklch(45.4% 0.130 298.5);
Tailwind
colors: {
  custom: {
    50: '#9177b4',
    500: '#614294',
    950: '#000000',
  },
}
SCSS
$custom: #614294;
$custom-light: #9177b4;
$custom-dark: #000000;
JSON
{
  "hex": "#614294",
  "rgb": {
    "r": 97,
    "g": 66,
    "b": 148
  },
  "hsl": {
    "h": 262.683,
    "s": 38.318,
    "l": 41.961
  },
  "oklch": {
    "l": 0.45429,
    "c": 0.13042,
    "h": 298.5
  },
  "luminance": 0.08576
}

Semantic roles & 50–950 ramp

primary
#614294
secondary
#A0B47E
accent
#CE5AA2
background
#F9F7FB
surface
#F1EDF6
border
#CBC8D0
text
#0D0911
muted
#7E7B80

Preview Lab

Preview with #614294

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

Preview Lab → · Contrast checker → · Palette generator →

#614294 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva