#A05FBA#A05FBA

#A05FBA es un color medio y vivo de la familia purple. Luminancia relativa 0.192; OKLCH L 59.4% C 0.149 H 315.6°. El mejor color de texto es #000000 con contraste 4.84:1 (cumple WCAG AA).

Valores del color

HEX#A05FBA
RGBrgb(160, 95, 186)
HSLhsl(283, 40%, 55%)
HSVhsv(283, 49%, 73%)
CMYKcmyk(14%, 48.9%, 0%, 27.1%)
CIE-LABlab(50.92, 42.03, -37.57)
CIE-LCHlch(50.92, 56.38, 318.21°)
OKLaboklab(59.43% 0.1066 -0.1044)
OKLCHoklch(59.43% 0.149 315.6)
XYZxyz(27.4510, 19.2040, 48.7055)
Luminance0.1920 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#A05FBA #79BA5F
analogous
#725FBA #A05FBA #BA5FA7
triadic
#A05FBA #BAA05F #5FBAA0
tetradic
#A05FBA #BA725F #79BA5F #5FA7BA
square
#A05FBA #BA725F #79BA5F #5FA7BA
split-complementary
#A05FBA #A7BA5F #5FBA72
monochromatic
#5D306F #81429A #A05FBA #B98ACC #D3B5DF

Accesibilidad y contraste

On white

4.34
#A05FBA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.84
#A05FBA on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #A05FBA
4.84:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##A05FBA#FFFFFF#000000##000000
##A05FBA1.004.344.844.84
#FFFFFF4.341.0021.0021.00
#0000004.8421.001.001.00
##0000004.8421.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#4D75BD
Deuteranopia (green-blind)
#5F7BB8
Tritanopia (blue-blind)
#9F6C84
Achromatopsia (no color)
#797979

Tokens de diseño y código

CSS
--color: #a05fba;
/* rgb */ color: rgb(160, 95, 186);
/* oklch */ color: oklch(59.4% 0.149 315.6);
Tailwind
colors: {
  custom: {
    50: '#be8ecf',
    500: '#a05fba',
    950: '#000000',
  },
}
SCSS
$custom: #a05fba;
$custom-light: #be8ecf;
$custom-dark: #000000;
JSON
{
  "hex": "#a05fba",
  "rgb": {
    "r": 160,
    "g": 95,
    "b": 186
  },
  "hsl": {
    "h": 282.857,
    "s": 39.738,
    "l": 55.098
  },
  "oklch": {
    "l": 0.59434,
    "c": 0.14918,
    "h": 315.6
  },
  "luminance": 0.19203
}

Semantic roles & 50–950 ramp

primary
#A05FBA
secondary
#B2CDA7
accent
#D0587A
background
#FBF8FC
surface
#F7F0F9
border
#D0CBD2
text
#120C14
muted
#817D82

Laboratorio de vista previa

Vista previa con #A05FBA

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

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

#A05FBA — Tintiva