#605484#605484

#605484 is a mid, moderate violet. Relative luminance 0.105; OKLCH L 47.8% C 0.077 H 294.8°. Best body text is #FFFFFF at 6.78:1 contrast (WCAG AA passes).

Color values

HEX#605484
RGBrgb(96, 84, 132)
HSLhsl(255, 22%, 42%)
HSVhsv(255, 36%, 52%)
CMYKcmyk(27.3%, 36.4%, 0%, 48.2%)
CIE-LABlab(38.71, 16.10, -25.14)
CIE-LCHlch(38.71, 29.85, 302.63°)
OKLaboklab(47.8% 0.0323 -0.0699)
OKLCHoklch(47.8% 0.077 294.8)
XYZxyz(12.1581, 10.4932, 23.2102)
Luminance0.1049 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#605484 #788454
analogous
#546084 #605484 #785484
triadic
#605484 #846054 #548460
tetradic
#605484 #845460 #788454 #548478
square
#605484 #845460 #788454 #548478
split-complementary
#605484 #847854 #608454
monochromatic
#2A2439 #453C5F #605484 #7E71A4 #A096BC

Accessibility & contrast

On white

6.78
#605484 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.10
#605484 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #605484
6.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##605484#FFFFFF#000000##FFFFFF
##6054841.006.783.106.78
#FFFFFF6.781.0021.001.00
#0000003.1021.001.0021.00
##FFFFFF6.781.0021.001.00

Color blindness preview

Protanopia (red-blind)
#475C86
Deuteranopia (green-blind)
#495A83
Tritanopia (blue-blind)
#595C66
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #605484;
/* rgb */ color: rgb(96, 84, 132);
/* oklch */ color: oklch(47.8% 0.077 294.8);
Tailwind
colors: {
  custom: {
    50: '#8e84a8',
    500: '#605484',
    950: '#000000',
  },
}
SCSS
$custom: #605484;
$custom-light: #8e84a8;
$custom-dark: #000000;
JSON
{
  "hex": "#605484",
  "rgb": {
    "r": 96,
    "g": 84,
    "b": 132
  },
  "hsl": {
    "h": 255,
    "s": 22.222,
    "l": 42.353
  },
  "oklch": {
    "l": 0.47797,
    "c": 0.07697,
    "h": 294.8
  },
  "luminance": 0.10493
}

Semantic roles & 50–950 ramp

primary
#605484
secondary
#A2AA8A
accent
#BF69A9
background
#F8F8FA
surface
#F0EFF4
border
#CBCACE
text
#0C0A0F
muted
#7D7C7F

Preview Lab

Preview with #605484

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

Preview Lab → · Contrast checker → · Palette generator →

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