#852EA7#852EA7

#852EA7 es un color medio y vivo de la familia purple. Luminancia relativa 0.097; OKLCH L 48.4% C 0.191 H 314.6°. El mejor color de texto es #FFFFFF con contraste 7.13:1 (cumple WCAG AA).

Valores del color

HEX#852EA7
RGBrgb(133, 46, 167)
HSLhsl(283, 57%, 42%)
HSVhsv(283, 72%, 65%)
CMYKcmyk(20.4%, 72.5%, 0%, 34.5%)
CIE-LABlab(37.36, 55.14, -48.20)
CIE-LCHlch(37.36, 73.23, 318.84°)
OKLaboklab(48.43% 0.1341 -0.1359)
OKLCHoklch(48.43% 0.191 314.6)
XYZxyz(17.6238, 9.7312, 37.5017)
Luminance0.0973 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#852EA7 #50A72E
analogous
#482EA7 #852EA7 #A72E8D
triadic
#852EA7 #A7852E #2EA785
tetradic
#852EA7 #A7482E #50A72E #2E8DA7
square
#852EA7 #A7482E #50A72E #2E8DA7
split-complementary
#852EA7 #8DA72E #2EA748
monochromatic
#391447 #5F2177 #852EA7 #A646CC #BD76D9

Accesibilidad y contraste

On white

7.13
#852EA7 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.95
#852EA7 on #000000
AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #852EA7
7.13:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##852EA7#FFFFFF#000000##FFFFFF
##852EA71.007.132.957.13
#FFFFFF7.131.0021.001.00
#0000002.9521.001.0021.00
##FFFFFF7.131.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#0053AA
Deuteranopia (green-blind)
#285AA4
Tritanopia (blue-blind)
#824868
Achromatopsia (no color)
#585858

Tokens de diseño y código

CSS
--color: #852ea7;
/* rgb */ color: rgb(133, 46, 167);
/* oklch */ color: oklch(48.4% 0.191 314.6);
Tailwind
colors: {
  custom: {
    50: '#ac6fc2',
    500: '#852ea7',
    950: '#000000',
  },
}
SCSS
$custom: #852ea7;
$custom-light: #ac6fc2;
$custom-dark: #000000;
JSON
{
  "hex": "#852ea7",
  "rgb": {
    "r": 133,
    "g": 46,
    "b": 167
  },
  "hsl": {
    "h": 283.14,
    "s": 56.808,
    "l": 41.765
  },
  "oklch": {
    "l": 0.48433,
    "c": 0.1909,
    "h": 314.6
  },
  "luminance": 0.09731
}

Semantic roles & 50–950 ramp

primary
#852EA7
secondary
#87C170
accent
#E04873
background
#FBF7FC
surface
#F6EDF8
border
#D0C8D1
text
#110812
muted
#807B81

Laboratorio de vista previa

Vista previa con #852EA7

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

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

#852EA7 — Tintiva