#A142DD#A142DD

#A142DD es un color medio y muy saturado de la familia violeta. Luminancia relativa 0.167; OKLCH L 57.9% C 0.228 H 309.0°. El mejor color de texto es #FFFFFF con contraste 4.84:1 (cumple WCAG AA).

Valores del color

HEX#A142DD
RGBrgb(161, 66, 221)
HSLhsl(277, 70%, 56%)
HSVhsv(277, 70%, 87%)
CMYKcmyk(27.1%, 70.1%, 0%, 13.3%)
CIE-LABlab(47.87, 63.96, -62.53)
CIE-LCHlch(47.87, 89.45, 315.65°)
OKLaboklab(57.9% 0.1433 -0.1771)
OKLCHoklch(57.9% 0.228 309)
XYZxyz(29.6947, 16.6945, 70.0506)
Luminance0.1669 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#A142DD #7EDD42
analogous
#5442DD #A142DD #DD42CC
triadic
#A142DD #DDA142 #42DDA1
tetradic
#A142DD #DD5442 #7EDD42 #42CCDD
square
#A142DD #DD5442 #7EDD42 #42CCDD
split-complementary
#A142DD #CCDD42 #42DD54
monochromatic
#5F198C #8322BF #A142DD #BB76E6 #D5AAF0

Accesibilidad y contraste

On white

4.84
#A142DD on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.34
#A142DD on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #A142DD
4.84:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##A142DD#FFFFFF#000000##FFFFFF
##A142DD1.004.844.344.84
#FFFFFF4.841.0021.001.00
#0000004.3421.001.0021.00
##FFFFFF4.841.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#006EE1
Deuteranopia (green-blind)
#1E73DA
Tritanopia (blue-blind)
#98658B
Achromatopsia (no color)
#727272

Tokens de diseño y código

CSS
--color: #a142dd;
/* rgb */ color: rgb(161, 66, 221);
/* oklch */ color: oklch(57.9% 0.228 309.0);
Tailwind
colors: {
  custom: {
    50: '#c27ee8',
    500: '#a142dd',
    950: '#000000',
  },
}
SCSS
$custom: #a142dd;
$custom-light: #c27ee8;
$custom-dark: #000000;
JSON
{
  "hex": "#a142dd",
  "rgb": {
    "r": 161,
    "g": 66,
    "b": 221
  },
  "hsl": {
    "h": 276.774,
    "s": 69.507,
    "l": 56.275
  },
  "oklch": {
    "l": 0.57897,
    "c": 0.22783,
    "h": 309
  },
  "luminance": 0.16694
}

Semantic roles & 50–950 ramp

primary
#A142DD
secondary
#B6DD9D
accent
#EC3B80
background
#FCF8FE
surface
#F8EFFD
border
#D1CAD5
text
#130A16
muted
#827C84

Laboratorio de vista previa

Vista previa con #A142DD

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

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

#A142DD — Tintiva