#AC7BD2#AC7BD2

#AC7BD2 es un color claro y vivo de la familia violeta. Luminancia relativa 0.276; OKLCH L 66.5% C 0.135 H 309.1°. El mejor color de texto es #000000 con contraste 6.52:1 (cumple WCAG AA).

Valores del color

HEX#AC7BD2
RGBrgb(172, 123, 210)
HSLhsl(274, 49%, 65%)
HSVhsv(274, 41%, 82%)
CMYKcmyk(18.1%, 41.4%, 0%, 17.6%)
CIE-LABlab(59.52, 35.34, -37.68)
CIE-LCHlch(59.52, 51.66, 313.16°)
OKLaboklab(66.53% 0.0849 -0.1046)
OKLCHoklch(66.53% 0.135 309.1)
XYZxyz(35.7269, 27.5902, 64.4036)
Luminance0.2759 (WCAG relative)
Temperaturecool
Familyviolet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#AC7BD2 #A1D27B
analogous
#807BD2 #AC7BD2 #D27BCD
triadic
#AC7BD2 #D2AC7B #7BD2AC
tetradic
#AC7BD2 #D2807B #A1D27B #7BCDD2
square
#AC7BD2 #D2807B #A1D27B #7BCDD2
split-complementary
#AC7BD2 #CDD27B #7BD280
monochromatic
#70369D #8F4DC2 #AC7BD2 #C9A9E2 #E5D6F1

Accesibilidad y contraste

On white

3.22
#AC7BD2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.52
#AC7BD2 on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #AC7BD2
6.52:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##AC7BD2#FFFFFF#000000##000000
##AC7BD21.003.226.526.52
#FFFFFF3.221.0021.0021.00
#0000006.5221.001.001.00
##0000006.5221.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#688DD5
Deuteranopia (green-blind)
#7490D0
Tritanopia (blue-blind)
#A7889C
Achromatopsia (no color)
#8F8F8F

Tokens de diseño y código

CSS
--color: #ac7bd2;
/* rgb */ color: rgb(172, 123, 210);
/* oklch */ color: oklch(66.5% 0.135 309.1);
Tailwind
colors: {
  custom: {
    50: '#c6a2e0',
    500: '#ac7bd2',
    950: '#000000',
  },
}
SCSS
$custom: #ac7bd2;
$custom-light: #c6a2e0;
$custom-dark: #000000;
JSON
{
  "hex": "#ac7bd2",
  "rgb": {
    "r": 172,
    "g": 123,
    "b": 210
  },
  "hsl": {
    "h": 273.793,
    "s": 49.153,
    "l": 65.294
  },
  "oklch": {
    "l": 0.6653,
    "c": 0.1347,
    "h": 309.1
  },
  "luminance": 0.2759
}

Semantic roles & 50–950 ramp

primary
#AC7BD2
secondary
#D3E3C6
accent
#BC2969
background
#FCFAFD
surface
#F8F3FB
border
#D1CDD4
text
#130F15
muted
#827F83

Laboratorio de vista previa

Vista previa con #AC7BD2

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

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

#AC7BD2 — Tintiva