#4D265E#4D265E

#4D265E es un color oscuro y moderadamente saturado de la familia purple. Luminancia relativa 0.038; OKLCH L 34.8% C 0.102 H 314.5°. El mejor color de texto es #FFFFFF con contraste 11.97:1 (cumple WCAG AA).

Valores del color

HEX	#4D265E
RGB	rgb(77, 38, 94)
HSL	hsl(282, 42%, 26%)
HSV	hsv(282, 60%, 37%)
CMYK	cmyk(18.1%, 59.6%, 0%, 63.1%)
CIE-LAB	lab(22.90, 28.86, -26.10)
CIE-LCH	lch(22.90, 38.92, 317.87°)
OKLab	oklab(34.76% 0.0717 -0.073)
OKLCH	oklch(34.76% 0.102 314.5)
XYZ	xyz(5.7737, 3.7723, 11.0115)
Luminance	0.0377 (WCAG relative)
Temperature	cool
Family	purple

Colores con nombre más cercanos

Royal Purple (survey)

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#4D265E #375E26

analogous

#31265E #4D265E #5E2653

triadic

#4D265E #5E4D26 #265E4D

tetradic

#4D265E #5E3126 #375E26 #26535E

square

#4D265E #5E3126 #375E26 #26535E

split-complementary

#4D265E #535E26 #265E31

monochromatic

#120916 #291432 #4D265E #71388A #9449B5

Accesibilidad y contraste

On white

11.97

#4D265E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.75

#4D265E on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #4D265E

11.97:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##4D265E	#FFFFFF	#000000	##FFFFFF
##4D265E	1.00	11.97	1.75	11.97
#FFFFFF	11.97	1.00	21.00	1.00
#000000	1.75	21.00	1.00	21.00
##FFFFFF	11.97	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#173460

Deuteranopia (green-blind)

#25385D

Tritanopia (blue-blind)

#4C2F3E

Achromatopsia (no color)

#373737

Tokens de diseño y código

CSS

--color: #4d265e;
/* rgb */ color: rgb(77, 38, 94);
/* oklch */ color: oklch(34.8% 0.102 314.5);

Tailwind

colors: {
  custom: {
    50: '#81628c',
    500: '#4d265e',
    950: '#000000',
  },
}

SCSS

$custom: #4d265e;
$custom-light: #81628c;
$custom-dark: #000000;

JSON

{
  "hex": "#4d265e",
  "rgb": {
    "r": 77,
    "g": 38,
    "b": 94
  },
  "hsl": {
    "h": 281.786,
    "s": 42.424,
    "l": 25.882
  },
  "oklch": {
    "l": 0.34756,
    "c": 0.10229,
    "h": 314.5
  },
  "luminance": 0.03772
}

Semantic roles & 50–950 ramp

primary

#4D265E

secondary

#63914F

accent

#D2567B

background

#F8F5F8

surface

#EFEAF0

border

#CAC6CB

text

#0A050C

muted

#7C797D

Laboratorio de vista previa

Vista previa con #4D265E

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

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