#400A41#400A41

#400A41 es un color oscuro y moderadamente saturado de la familia purple. Luminancia relativa 0.017; OKLCH L 27.1% C 0.108 H 327.3°. El mejor color de texto es #FFFFFF con contraste 15.70:1 (cumple WCAG AA).

Valores del color

HEX	#400A41
RGB	rgb(64, 10, 65)
HSL	hsl(299, 73%, 15%)
HSV	hsv(299, 85%, 25%)
CMYK	cmyk(1.5%, 84.6%, 0%, 74.5%)
CIE-LAB	lab(13.76, 32.78, -21.06)
CIE-LCH	lch(13.76, 38.96, 327.28°)
OKLab	oklab(27.08% 0.0909 -0.0584)
OKLCH	oklch(27.08% 0.108 327.3)
XYZ	xyz(3.1770, 1.6890, 5.1587)
Luminance	0.0169 (WCAG relative)
Temperature	neutral
Family	purple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#400A41 #0B410A

analogous

#250A41 #400A41 #410A27

triadic

#400A41 #41400A #0A4140

tetradic

#400A41 #41250A #0B410A #0A2741

square

#400A41 #41250A #0B410A #0A2741

split-complementary

#400A41 #27410A #0A4125

monochromatic

#1A041B #1A041B #400A41 #741276 #A81AAB

Accesibilidad y contraste

On white

15.70

#400A41 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.34

#400A41 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #400A41

15.70:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##400A41	#FFFFFF	#000000	##FFFFFF
##400A41	1.00	15.70	1.34	15.70
#FFFFFF	15.70	1.00	21.00	1.00
#000000	1.34	21.00	1.00	21.00
##FFFFFF	15.70	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#011F42

Deuteranopia (green-blind)

#182540

Tritanopia (blue-blind)

#421325

Achromatopsia (no color)

#232323

Tokens de diseño y código

CSS

--color: #400a41;
/* rgb */ color: rgb(64, 10, 65);
/* oklch */ color: oklch(27.1% 0.108 327.3);

Tailwind

colors: {
  custom: {
    50: '#775076',
    500: '#400a41',
    950: '#000000',
  },
}

SCSS

$custom: #400a41;
$custom-light: #775076;
$custom-dark: #000000;

JSON

{
  "hex": "#400a41",
  "rgb": {
    "r": 64,
    "g": 10,
    "b": 65
  },
  "hsl": {
    "h": 298.909,
    "s": 73.333,
    "l": 14.706
  },
  "oklch": {
    "l": 0.27085,
    "c": 0.10807,
    "h": 327.3
  },
  "luminance": 0.01689
}

Semantic roles & 50–950 ramp

primary

#400A41

secondary

#2A7E29

accent

#F0383B

background

#F7F4F7

surface

#EDE7ED

border

#C8C3C8

text

#090208

muted

#7B787B

Laboratorio de vista previa

Vista previa con #400A41

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

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