#724499#724499

#724499 is a mid, vivid violet. Relative luminance 0.100; OKLCH L 48.0% C 0.138 H 306.9°. Best body text is #FFFFFF at 6.99:1 contrast (WCAG AA passes).

Color values

HEX#724499
RGBrgb(114, 68, 153)
HSLhsl(272, 38%, 43%)
HSVhsv(272, 56%, 60%)
CMYKcmyk(25.5%, 55.6%, 0%, 40%)
CIE-LABlab(37.86, 36.55, -39.11)
CIE-LCHlch(37.86, 53.53, 313.07°)
OKLaboklab(47.97% 0.0827 -0.1099)
OKLCHoklch(47.97% 0.138 306.9)
XYZxyz(14.7551, 10.0117, 31.2860)
Luminance0.1001 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#724499 #6B9944
analogous
#474499 #724499 #994495
triadic
#724499 #997244 #449972
tetradic
#724499 #994744 #6B9944 #449599
square
#724499 #994744 #6B9944 #449599
split-complementary
#724499 #959944 #449947
monochromatic
#331E44 #52316F #724499 #9161B9 #AE8CCC

Accessibility & contrast

On white

6.99
#724499 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.00
#724499 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #724499
6.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##724499#FFFFFF#000000##FFFFFF
##7244991.006.993.006.99
#FFFFFF6.991.0021.001.00
#0000003.0021.001.0021.00
##FFFFFF6.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#28579C
Deuteranopia (green-blind)
#385A97
Tritanopia (blue-blind)
#6C5468
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #724499;
/* rgb */ color: rgb(114, 68, 153);
/* oklch */ color: oklch(48.0% 0.138 306.9);
Tailwind
colors: {
  custom: {
    50: '#9d7ab7',
    500: '#724499',
    950: '#000000',
  },
}
SCSS
$custom: #724499;
$custom-light: #9d7ab7;
$custom-dark: #000000;
JSON
{
  "hex": "#724499",
  "rgb": {
    "r": 114,
    "g": 68,
    "b": 153
  },
  "hsl": {
    "h": 272.471,
    "s": 38.462,
    "l": 43.333
  },
  "oklch": {
    "l": 0.47971,
    "c": 0.13757,
    "h": 306.9
  },
  "luminance": 0.10012
}

Semantic roles & 50–950 ramp

primary
#724499
secondary
#9AB782
accent
#CE598F
background
#F9F7FB
surface
#F2EDF6
border
#CCC8D0
text
#0E0911
muted
#7E7B80

Preview Lab

Preview with #724499

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

Preview Lab → · Contrast checker → · Palette generator →

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