#22141E#22141E

#22141E es un color muy oscuro y apagado de la familia rosa. Luminancia relativa 0.009; OKLCH L 21.4% C 0.029 H 337.6°. El mejor color de texto es #FFFFFF con contraste 17.69:1 (cumple WCAG AA).

Valores del color

HEX	#22141E
RGB	rgb(34, 20, 30)
HSL	hsl(317, 26%, 11%)
HSV	hsv(317, 41%, 13%)
CMYK	cmyk(0%, 41.2%, 11.8%, 86.7%)
CIE-LAB	lab(8.43, 9.29, -4.15)
CIE-LCH	lch(8.43, 10.17, 335.94°)
OKLab	oklab(21.43% 0.0268 -0.0111)
OKLCH	oklch(21.43% 0.029 337.6)
XYZ	xyz(1.1442, 0.9342, 1.3481)
Luminance	0.0093 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#22141E #142218

analogous

#1F1422 #22141E #221417

triadic

#22141E #1E2214 #141E22

tetradic

#22141E #221F14 #142218 #141722

square

#22141E #221F14 #142218 #141722

split-complementary

#22141E #172214 #14221F

monochromatic

#130B11 #130B11 #22141E #492B40 #6F4162

Accesibilidad y contraste

On white

17.69

#22141E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.19

#22141E on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #22141E

17.69:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##22141E	#FFFFFF	#000000	##FFFFFF
##22141E	1.00	17.69	1.19	17.69
#FFFFFF	17.69	1.00	21.00	1.00
#000000	1.19	21.00	1.00	21.00
##FFFFFF	17.69	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#14171E

Deuteranopia (green-blind)

#18191E

Tritanopia (blue-blind)

#241418

Achromatopsia (no color)

#181818

Tokens de diseño y código

CSS

--color: #22141e;
/* rgb */ color: rgb(34, 20, 30);
/* oklch */ color: oklch(21.4% 0.029 337.6);

Tailwind

colors: {
  custom: {
    50: '#5d5159',
    500: '#22141e',
    950: '#000000',
  },
}

SCSS

$custom: #22141e;
$custom-light: #5d5159;
$custom-dark: #000000;

JSON

{
  "hex": "#22141e",
  "rgb": {
    "r": 34,
    "g": 20,
    "b": 30
  },
  "hsl": {
    "h": 317.143,
    "s": 25.926,
    "l": 10.588
  },
  "oklch": {
    "l": 0.21425,
    "c": 0.02899,
    "h": 337.6
  },
  "luminance": 0.00934
}

Semantic roles & 50–950 ramp

primary

#22141E

secondary

#3C5643

accent

#C28065

background

#F5F4F5

surface

#E9E7E9

border

#C5C3C5

text

#040203

muted

#797878

Laboratorio de vista previa

Vista previa con #22141E

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

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