#825C8A#825C8A

#825C8A es un color medio y moderadamente saturado de la familia purple. Luminancia relativa 0.142; OKLCH L 53.2% C 0.083 H 320.5°. El mejor color de texto es #FFFFFF con contraste 5.46:1 (cumple WCAG AA).

Valores del color

HEX#825C8A
RGBrgb(130, 92, 138)
HSLhsl(290, 20%, 45%)
HSVhsv(290, 33%, 54%)
CMYKcmyk(5.8%, 33.3%, 0%, 45.9%)
CIE-LABlab(44.57, 24.02, -19.43)
CIE-LCHlch(44.57, 30.90, 321.04°)
OKLaboklab(53.17% 0.0642 -0.053)
OKLCHoklch(53.17% 0.083 320.5)
XYZxyz(17.6199, 14.2356, 25.8594)
Luminance0.1424 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#825C8A #648A5C
analogous
#6B5C8A #825C8A #8A5C7B
triadic
#825C8A #8A825C #5C8A82
tetradic
#825C8A #8A6B5C #648A5C #5C7B8A
square
#825C8A #8A6B5C #648A5C #5C7B8A
split-complementary
#825C8A #7B8A5C #5C8A6B
monochromatic
#3D2B41 #5F4465 #825C8A #A07CA7 #BAA0C0

Accesibilidad y contraste

On white

5.46
#825C8A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.85
#825C8A on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #825C8A
5.46:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##825C8A#FFFFFF#000000##FFFFFF
##825C8A1.005.463.855.46
#FFFFFF5.461.0021.001.00
#0000003.8521.001.0021.00
##FFFFFF5.461.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#57678C
Deuteranopia (green-blind)
#606B89
Tritanopia (blue-blind)
#83616D
Achromatopsia (no color)
#696969

Tokens de diseño y código

CSS
--color: #825c8a;
/* rgb */ color: rgb(130, 92, 138);
/* oklch */ color: oklch(53.2% 0.083 320.5);
Tailwind
colors: {
  custom: {
    50: '#a78aac',
    500: '#825c8a',
    950: '#000000',
  },
}
SCSS
$custom: #825c8a;
$custom-light: #a78aac;
$custom-dark: #000000;
JSON
{
  "hex": "#825c8a",
  "rgb": {
    "r": 130,
    "g": 92,
    "b": 138
  },
  "hsl": {
    "h": 289.565,
    "s": 20,
    "l": 45.098
  },
  "oklch": {
    "l": 0.53169,
    "c": 0.08321,
    "h": 320.5
  },
  "luminance": 0.14235
}

Semantic roles & 50–950 ramp

primary
#825C8A
secondary
#98AE94
accent
#BD6B79
background
#FAF8FA
surface
#F4F0F4
border
#CECBCE
text
#0F0C10
muted
#7F7D7F

Laboratorio de vista previa

Vista previa con #825C8A

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

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

#825C8A — Tintiva