#7436A9#7436A9

#7436A9 is a mid, vivid violet. Relative luminance 0.092; OKLCH L 47.3% C 0.178 H 305.3°. Best body text is #FFFFFF at 7.39:1 contrast (WCAG AA passes).

Color values

HEX#7436A9
RGBrgb(116, 54, 169)
HSLhsl(272, 52%, 44%)
HSVhsv(272, 68%, 66%)
CMYKcmyk(31.4%, 68%, 0%, 33.7%)
CIE-LABlab(36.40, 48.38, -51.06)
CIE-LCHlch(36.40, 70.35, 313.46°)
OKLaboklab(47.29% 0.1025 -0.1449)
OKLCHoklch(47.29% 0.178 305.3)
XYZxyz(15.6815, 9.2160, 38.4812)
Luminance0.0922 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7436A9 #6BA936
analogous
#3A36A9 #7436A9 #A936A4
triadic
#7436A9 #A97436 #36A974
tetradic
#7436A9 #A93A36 #6BA936 #36A4A9
square
#7436A9 #A93A36 #6BA936 #36A4A9
split-complementary
#7436A9 #A4A936 #36A93A
monochromatic
#34184C #54277B #7436A9 #9354C8 #B082D7

Accessibility & contrast

On white

7.39
#7436A9 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.84
#7436A9 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7436A9
7.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7436A9#FFFFFF#000000##FFFFFF
##7436A91.007.392.847.39
#FFFFFF7.391.0021.001.00
#0000002.8421.001.0021.00
##FFFFFF7.391.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0054AC
Deuteranopia (green-blind)
#1156A7
Tritanopia (blue-blind)
#6A506B
Achromatopsia (no color)
#565656

Design tokens & code

CSS
--color: #7436a9;
/* rgb */ color: rgb(116, 54, 169);
/* oklch */ color: oklch(47.3% 0.178 305.3);
Tailwind
colors: {
  custom: {
    50: '#a072c3',
    500: '#7436a9',
    950: '#000000',
  },
}
SCSS
$custom: #7436a9;
$custom-light: #a072c3;
$custom-dark: #000000;
JSON
{
  "hex": "#7436a9",
  "rgb": {
    "r": 116,
    "g": 54,
    "b": 169
  },
  "hsl": {
    "h": 272.348,
    "s": 51.57,
    "l": 43.725
  },
  "oklch": {
    "l": 0.47293,
    "c": 0.17751,
    "h": 305.3
  },
  "luminance": 0.09216
}

Semantic roles & 50–950 ramp

primary
#7436A9
secondary
#9BC17A
accent
#DB4D8E
background
#FAF7FC
surface
#F4EDF8
border
#CEC8D1
text
#0F0813
muted
#7F7B82

Preview Lab

Preview with #7436A9

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

Preview Lab → · Contrast checker → · Palette generator →

#7436A9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva