#A33CD6#A33CD6

#A33CD6 es un color medio y muy saturado de la familia purple. Luminancia relativa 0.159; OKLCH L 57.0% C 0.229 H 311.9°. El mejor color de texto es #FFFFFF con contraste 5.03:1 (cumple WCAG AA).

Valores del color

HEX#A33CD6
RGBrgb(163, 60, 214)
HSLhsl(280, 65%, 54%)
HSVhsv(280, 72%, 84%)
CMYKcmyk(23.8%, 72%, 0%, 16.1%)
CIE-LABlab(46.81, 65.32, -60.24)
CIE-LCHlch(46.81, 88.86, 317.32°)
OKLaboklab(57.05% 0.1526 -0.1703)
OKLCHoklch(57.05% 0.229 311.9)
XYZxyz(28.8555, 15.8741, 65.1492)
Luminance0.1587 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#A33CD6 #6FD63C
analogous
#563CD6 #A33CD6 #D63CBC
triadic
#A33CD6 #D6A33C #3CD6A3
tetradic
#A33CD6 #D6563C #6FD63C #3CBCD6
square
#A33CD6 #D6563C #6FD63C #3CBCD6
split-complementary
#A33CD6 #BCD63C #3CD656
monochromatic
#5D1A7D #8225B0 #A33CD6 #BB6FE1 #D3A1EB

Accesibilidad y contraste

On white

5.03
#A33CD6 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.17
#A33CD6 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #A33CD6
5.03:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##A33CD6#FFFFFF#000000##FFFFFF
##A33CD61.005.034.175.03
#FFFFFF5.031.0021.001.00
#0000004.1721.001.0021.00
##FFFFFF5.031.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#006ADA
Deuteranopia (green-blind)
#2771D3
Tritanopia (blue-blind)
#9D5E86
Achromatopsia (no color)
#6F6F6F

Tokens de diseño y código

CSS
--color: #a33cd6;
/* rgb */ color: rgb(163, 60, 214);
/* oklch */ color: oklch(57.0% 0.229 311.9);
Tailwind
colors: {
  custom: {
    50: '#c37be3',
    500: '#a33cd6',
    950: '#000000',
  },
}
SCSS
$custom: #a33cd6;
$custom-light: #c37be3;
$custom-dark: #000000;
JSON
{
  "hex": "#a33cd6",
  "rgb": {
    "r": 163,
    "g": 60,
    "b": 214
  },
  "hsl": {
    "h": 280.13,
    "s": 65.254,
    "l": 53.725
  },
  "oklch": {
    "l": 0.57047,
    "c": 0.2287,
    "h": 311.9
  },
  "luminance": 0.15873
}

Semantic roles & 50–950 ramp

primary
#A33CD6
secondary
#ACD896
accent
#E84077
background
#FCF7FE
surface
#F8EEFC
border
#D1C9D5
text
#130A16
muted
#827C84

Laboratorio de vista previa

Vista previa con #A33CD6

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

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#A33CD6 — Tintiva