#AA794E#AA794E

#AA794E es un color medio y moderadamente saturado de la familia naranja. Luminancia relativa 0.228; OKLCH L 61.6% C 0.085 H 61.5°. El mejor color de texto es #000000 con contraste 5.55:1 (cumple WCAG AA).

Valores del color

HEX#AA794E
RGBrgb(170, 121, 78)
HSLhsl(28, 37%, 49%)
HSVhsv(28, 54%, 67%)
CMYKcmyk(0%, 28.8%, 54.1%, 33.3%)
CIE-LABlab(54.84, 14.13, 31.02)
CIE-LCHlch(54.84, 34.08, 65.50°)
OKLaboklab(61.59% 0.0405 0.0746)
OKLCHoklch(61.59% 0.085 61.5)
XYZxyz(24.7914, 22.7727, 10.2961)
Luminance0.2277 (WCAG relative)
Temperaturewarm
Familyorange

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#AA794E #4E7FAA
analogous
#AA4E51 #AA794E #AAA74E
triadic
#AA794E #4EAA79 #794EAA
tetradic
#AA794E #51AA4E #4E7FAA #A74EAA
square
#AA794E #51AA4E #4E7FAA #A74EAA
split-complementary
#AA794E #4EAAA7 #4E51AA
monochromatic
#563D28 #805B3B #AA794E #C09875 #D3B89F

Accesibilidad y contraste

On white

3.78
#AA794E on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.55
#AA794E on #000000
AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #AA794E
5.55:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##AA794E#FFFFFF#000000##000000
##AA794E1.003.785.555.55
#FFFFFF3.781.0021.0021.00
#0000005.5521.001.001.00
##0000005.5521.001.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#887D4A
Deuteranopia (green-blind)
#94884F
Tritanopia (blue-blind)
#B76F6E
Achromatopsia (no color)
#838383

Tokens de diseño y código

CSS
--color: #aa794e;
/* rgb */ color: rgb(170, 121, 78);
/* oklch */ color: oklch(61.6% 0.085 61.5);
Tailwind
colors: {
  custom: {
    50: '#c69f80',
    500: '#aa794e',
    950: '#000000',
  },
}
SCSS
$custom: #aa794e;
$custom-light: #c69f80;
$custom-dark: #000000;
JSON
{
  "hex": "#aa794e",
  "rgb": {
    "r": 170,
    "g": 121,
    "b": 78
  },
  "hsl": {
    "h": 28.043,
    "s": 37.097,
    "l": 48.627
  },
  "oklch": {
    "l": 0.61591,
    "c": 0.08487,
    "h": 61.5
  },
  "luminance": 0.22771
}

Semantic roles & 50–950 ramp

primary
#AA794E
secondary
#94ABC0
accent
#98CD5B
background
#FCF9F7
surface
#F8F2EE
border
#D1CCC9
text
#130E0A
muted
#827E7C

Laboratorio de vista previa

Vista previa con #AA794E

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

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

#AA794E — Tintiva