#78635E#78635E

#78635E es un color medio y apagado de la familia rojo. Luminancia relativa 0.137; OKLCH L 51.9% C 0.028 H 33.6°. El mejor color de texto es #FFFFFF con contraste 5.61:1 (cumple WCAG AA).

Valores del color

HEX	#78635E
RGB	rgb(120, 99, 94)
HSL	hsl(12, 12%, 42%)
HSV	hsv(12, 22%, 47%)
CMYK	cmyk(0%, 17.5%, 21.7%, 52.9%)
CIE-LAB	lab(43.84, 7.57, 6.00)
CIE-LCH	lch(43.84, 9.66, 38.39°)
OKLab	oklab(51.87% 0.0236 0.0157)
OKLCH	oklch(51.87% 0.028 33.6)
XYZ	xyz(14.2280, 13.7254, 12.4873)
Luminance	0.1373 (WCAG relative)
Temperature	warm
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#78635E #5E7378

analogous

#785E66 #78635E #78705E

triadic

#78635E #5E7863 #635E78

tetradic

#78635E #66785E #5E7378 #705E78

square

#78635E #66785E #5E7378 #705E78

split-complementary

#78635E #5E7870 #5E6678

monochromatic

#332A28 #564743 #78635E #98817B #B3A29E

Accesibilidad y contraste

On white

5.61

#78635E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.75

#78635E on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #78635E

5.61:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##78635E	#FFFFFF	#000000	##FFFFFF
##78635E	1.00	5.61	3.75	5.61
#FFFFFF	5.61	1.00	21.00	1.00
#000000	3.75	21.00	1.00	21.00
##FFFFFF	5.61	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#67655E

Deuteranopia (green-blind)

#6C695E

Tritanopia (blue-blind)

#7D6062

Achromatopsia (no color)

#686868

Tokens de diseño y código

CSS

--color: #78635e;
/* rgb */ color: rgb(120, 99, 94);
/* oklch */ color: oklch(51.9% 0.028 33.6);

Tailwind

colors: {
  custom: {
    50: '#9f8f8b',
    500: '#78635e',
    950: '#000000',
  },
}

SCSS

$custom: #78635e;
$custom-light: #9f8f8b;
$custom-dark: #000000;

JSON

{
  "hex": "#78635e",
  "rgb": {
    "r": 120,
    "g": 99,
    "b": 94
  },
  "hsl": {
    "h": 11.538,
    "s": 12.15,
    "l": 41.961
  },
  "oklch": {
    "l": 0.5187,
    "c": 0.02836,
    "h": 33.6
  },
  "luminance": 0.13725
}

Semantic roles & 50–950 ramp

primary

#78635E

secondary

#909EA2

accent

#A8B573

background

#F9F8F8

surface

#F2F0F0

border

#CCCBCB

text

#0E0C0C

muted

#7E7D7D

Laboratorio de vista previa

Vista previa con #78635E

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

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