#834A4E#834A4E

#834A4E es un color medio y moderadamente saturado de la familia rojo. Luminancia relativa 0.103; OKLCH L 47.8% C 0.078 H 15.9°. El mejor color de texto es #FFFFFF con contraste 6.87:1 (cumple WCAG AA).

Valores del color

HEX	#834A4E
RGB	rgb(131, 74, 78)
HSL	hsl(356, 28%, 40%)
HSV	hsv(356, 44%, 51%)
CMYK	cmyk(0%, 43.5%, 40.5%, 48.6%)
CIE-LAB	lab(38.33, 24.65, 8.21)
CIE-LCH	lch(38.33, 25.98, 18.43°)
OKLab	oklab(47.78% 0.0746 0.0213)
OKLCH	oklch(47.78% 0.078 15.9)
XYZ	xyz(13.1846, 10.2740, 8.4949)
Luminance	0.1027 (WCAG relative)
Temperature	warm
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#834A4E #4A837F

analogous

#834A6B #834A4E #83624A

triadic

#834A4E #4E834A #4A4E83

tetradic

#834A4E #6B834A #4A837F #624A83

square

#834A4E #6B834A #4A837F #624A83

split-complementary

#834A4E #4A8362 #4A6B83

monochromatic

#351E1F #5C3437 #834A4E #A76368 #BD8A8E

Accesibilidad y contraste

On white

6.87

#834A4E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.05

#834A4E on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #834A4E

6.87:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##834A4E	#FFFFFF	#000000	##FFFFFF
##834A4E	1.00	6.87	3.05	6.87
#FFFFFF	6.87	1.00	21.00	1.00
#000000	3.05	21.00	1.00	21.00
##FFFFFF	6.87	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#55534E

Deuteranopia (green-blind)

#635F4D

Tritanopia (blue-blind)

#8D444C

Achromatopsia (no color)

#5A5A5A

Tokens de diseño y código

CSS

--color: #834a4e;
/* rgb */ color: rgb(131, 74, 78);
/* oklch */ color: oklch(47.8% 0.078 15.9);

Tailwind

colors: {
  custom: {
    50: '#a97d7f',
    500: '#834a4e',
    950: '#000000',
  },
}

SCSS

$custom: #834a4e;
$custom-light: #a97d7f;
$custom-dark: #000000;

JSON

{
  "hex": "#834a4e",
  "rgb": {
    "r": 131,
    "g": 74,
    "b": 78
  },
  "hsl": {
    "h": 355.789,
    "s": 27.805,
    "l": 40.196
  },
  "oklch": {
    "l": 0.47782,
    "c": 0.07759,
    "h": 15.9
  },
  "luminance": 0.10273
}

Semantic roles & 50–950 ramp

primary

#834A4E

secondary

#80A9A6

accent

#C4BD64

background

#FAF7F7

surface

#F4EEEE

border

#CEC9C9

text

#100A0A

muted

#7F7C7C

Laboratorio de vista previa

Vista previa con #834A4E

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

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