#8A591A#8A591A

#8A591A es un color medio y moderadamente saturado de la familia naranja. Luminancia relativa 0.126; OKLCH L 50.7% C 0.099 H 68.0°. El mejor color de texto es #FFFFFF con contraste 5.96:1 (cumple WCAG AA).

Valores del color

HEX#8A591A
RGBrgb(138, 89, 26)
HSLhsl(34, 68%, 32%)
HSVhsv(34, 81%, 54%)
CMYKcmyk(0%, 35.5%, 81.2%, 45.9%)
CIE-LABlab(42.19, 14.74, 42.27)
CIE-LCHlch(42.19, 44.77, 70.77°)
OKLaboklab(50.71% 0.0371 0.0919)
OKLCHoklch(50.71% 0.099 68)
XYZxyz(14.2412, 12.6240, 2.6637)
Luminance0.1262 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#8A591A #1A4B8A
analogous
#8A211A #8A591A #838A1A
triadic
#8A591A #1A8A59 #591A8A
tetradic
#8A591A #1A8A21 #1A4B8A #8A1A83
square
#8A591A #1A8A21 #1A4B8A #8A1A83
split-complementary
#8A591A #1A838A #211A8A
monochromatic
#231707 #573810 #8A591A #BD7A24 #DC9943

Accesibilidad y contraste

On white

5.96
#8A591A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.52
#8A591A on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #8A591A
5.96:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##8A591A#FFFFFF#000000##FFFFFF
##8A591A1.005.963.525.96
#FFFFFF5.961.0021.001.00
#0000003.5221.001.0021.00
##FFFFFF5.961.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#695D10
Deuteranopia (green-blind)
#75681C
Tritanopia (blue-blind)
#974D4D
Achromatopsia (no color)
#646464

Tokens de diseño y código

CSS
--color: #8a591a;
/* rgb */ color: rgb(138, 89, 26);
/* oklch */ color: oklch(50.7% 0.099 68.0);
Tailwind
colors: {
  custom: {
    50: '#b1885c',
    500: '#8a591a',
    950: '#000000',
  },
}
SCSS
$custom: #8a591a;
$custom-light: #b1885c;
$custom-dark: #000000;
JSON
{
  "hex": "#8a591a",
  "rgb": {
    "r": 138,
    "g": 89,
    "b": 26
  },
  "hsl": {
    "h": 33.75,
    "s": 68.293,
    "l": 32.157
  },
  "oklch": {
    "l": 0.50706,
    "c": 0.09911,
    "h": 68
  },
  "luminance": 0.12623
}

Semantic roles & 50–950 ramp

primary
#8A591A
secondary
#4378BD
accent
#89EB3D
background
#FBF8F5
surface
#F6EFE9
border
#D0CAC5
text
#120B04
muted
#817C79

Laboratorio de vista previa

Vista previa con #8A591A

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

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

#8A591A — Tintiva