#79463F#79463F
#79463F es un color medio y moderadamente saturado de la familia rojo. Luminancia relativa 0.088; OKLCH L 45.3% C 0.072 H 28.5°. El mejor color de texto es #FFFFFF con contraste 7.61:1 (cumple WCAG AA).
Valores del color
| HEX | #79463F |
|---|---|
| RGB | rgb(121, 70, 63) |
| HSL | hsl(7, 32%, 36%) |
| HSV | hsv(7, 48%, 47%) |
| CMYK | cmyk(0%, 42.1%, 47.9%, 52.5%) |
| CIE-LAB | lab(35.61, 21.02, 13.62) |
| CIE-LCH | lch(35.61, 25.05, 32.95°) |
| OKLab | oklab(45.29% 0.063 0.0342) |
| OKLCH | oklch(45.29% 0.072 28.5) |
| XYZ | xyz(10.9731, 8.8051, 5.8233) |
| Luminance | 0.0880 (WCAG relative) |
| Temperature | warm |
| Family | red |
Colores con nombre más cercanos
Purplish Brown
#6B4247
ΔE00 6.55
Purple Brown
#673A3F
ΔE00 7.08
Wine
#722F37
ΔE00 8.13
Brownish Purple
#76424E
ΔE00 8.16
Red Brown
#8B2E16
ΔE00 11.07
Brownish Red
#9E3623
ΔE00 11.13
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#79463F #3F7279
analogous
#793F55 #79463F #79633F
triadic
#79463F #3F7946 #463F79
tetradic
#79463F #55793F #3F7279 #633F79
square
#79463F #55793F #3F7279 #633F79
split-complementary
#79463F #3F7963 #3F5579
monochromatic
#291715 #512F2A #79463F #A15D54 #B98179
Accesibilidad y contraste
On white
7.61
#79463F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.76
#79463F on #000000
AA ✗AA large ✗AAA ✗
Mejor color de texto
#FFFFFF on #79463F
7.61:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##79463F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##79463F | 1.00 | 7.61 | 2.76 | 7.61 |
| #FFFFFF | 7.61 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.76 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.61 | 1.00 | 21.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#524D3E
Deuteranopia (green-blind)
#5E583E
Tritanopia (blue-blind)
#833F44
Achromatopsia (no color)
#545454
Tokens de diseño y código
CSS
--color: #79463f; /* rgb */ color: rgb(121, 70, 63); /* oklch */ color: oklch(45.3% 0.072 28.5);
Tailwind
colors: {
custom: {
50: '#a27a74',
500: '#79463f',
950: '#000000',
},
}SCSS
$custom: #79463f; $custom-light: #a27a74; $custom-dark: #000000;
JSON
{
"hex": "#79463f",
"rgb": {
"r": 121,
"g": 70,
"b": 63
},
"hsl": {
"h": 7.241,
"s": 31.522,
"l": 36.078
},
"oklch": {
"l": 0.45286,
"c": 0.07166,
"h": 28.5
},
"luminance": 0.08804
}Semantic roles & 50–950 ramp
primary
#79463F
secondary
#709EA4
accent
#BBC860
background
#FAF7F7
surface
#F4EDED
border
#CEC8C8
text
#0F0908
muted
#7F7B7B
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →