#A44B4C#A44B4C

#A44B4C es un color medio y moderadamente saturado de la familia rojo. Luminancia relativa 0.134; OKLCH L 52.6% C 0.118 H 21.3°. El mejor color de texto es #FFFFFF con contraste 5.69:1 (cumple WCAG AA).

Valores del color

HEX	#A44B4C
RGB	rgb(164, 75, 76)
HSL	hsl(359, 37%, 47%)
HSV	hsv(359, 54%, 64%)
CMYK	cmyk(0%, 54.3%, 53.7%, 35.7%)
CIE-LAB	lab(43.43, 36.86, 17.25)
CIE-LCH	lch(43.43, 40.69, 25.07°)
OKLab	oklab(52.65% 0.1101 0.0429)
OKLCH	oklch(52.65% 0.118 21.3)
XYZ	xyz(19.1319, 13.4487, 8.4244)
Luminance	0.1345 (WCAG relative)
Temperature	warm
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#A44B4C #4BA4A3

analogous

#A44B79 #A44B4C #A4774B

triadic

#A44B4C #4CA44B #4B4CA4

tetradic

#A44B4C #79A44B #4BA4A3 #774BA4

square

#A44B4C #79A44B #4BA4A3 #774BA4

split-complementary

#A44B4C #4BA477 #4B79A4

monochromatic

#502525 #7A3839 #A44B4C #BD6F70 #D0999A

Accesibilidad y contraste

On white

5.69

#A44B4C on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.69

#A44B4C on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #A44B4C

5.69:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##A44B4C	#FFFFFF	#000000	##FFFFFF
##A44B4C	1.00	5.69	3.69	5.69
#FFFFFF	5.69	1.00	21.00	1.00
#000000	3.69	21.00	1.00	21.00
##FFFFFF	5.69	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#605B4B

Deuteranopia (green-blind)

#766E4A

Tritanopia (blue-blind)

#B23D4C

Achromatopsia (no color)

#676767

Tokens de diseño y código

CSS

--color: #a44b4c;
/* rgb */ color: rgb(164, 75, 76);
/* oklch */ color: oklch(52.6% 0.118 21.3);

Tailwind

colors: {
  custom: {
    50: '#c3807e',
    500: '#a44b4c',
    950: '#000000',
  },
}

SCSS

$custom: #a44b4c;
$custom-light: #c3807e;
$custom-dark: #000000;

JSON

{
  "hex": "#a44b4c",
  "rgb": {
    "r": 164,
    "g": 75,
    "b": 76
  },
  "hsl": {
    "h": 359.326,
    "s": 37.238,
    "l": 46.863
  },
  "oklch": {
    "l": 0.52649,
    "c": 0.11815,
    "h": 21.3
  },
  "luminance": 0.13446
}

Semantic roles & 50–950 ramp

primary

#A44B4C

secondary

#8EBDBC

accent

#CDCC5B

background

#FCF7F7

surface

#F8EEEE

border

#D1C9C9

text

#130A09

muted

#827C7B

Laboratorio de vista previa

Vista previa con #A44B4C

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

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