Color Greige: código #A89F91

Greige

#A89F91

Códigos del color

  • HEX#A89F91
  • RGBrgb(168, 159, 145)
  • HSLhsl(37, 12%, 61%)
  • HSVhsv(37, 14%, 66%)
  • CMYKcmyk(0%, 5%, 14%, 34%)
  • LABlab(65.9% 0.8 8.5)
  • OKLCHoklch(70.6% 0.023 79.1)

Sobre el color Greige

Greige tiene el código HEX #A89F91, que corresponde a rgb(168, 159, 145) en el modelo RGB. En el círculo cromático, su tono está en 37°, con 12% de saturación y 61% de luminosidad (hsl(37, 12%, 61%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 8,03:1 sobre él, frente a 2,61:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 5%, 14%, 34%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Greige

Complementaria

#A89F91 · #9099A7

Análoga

#A79290 · #A89F91 · #A5A790

Tríada

#A89F91 · #90A79E · #9E90A7

Tetrádica

#A89F91 · #90A792 · #9099A7 · #A790A5

Complementaria dividida

#A89F91 · #90A5A7 · #9290A7

Monocromática

#675E51 · #918673 · #A89F91 · #C9C4BA · #EBE9E5

Greige con texto blanco y negro

Texto blanco Aa Bb Cc 123
2,61:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
8,03:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-greige: #A89F91;
  --color-greige-rgb: 168, 159, 145;
}

.elemento {
  background-color: var(--color-greige);
  color: #000000;
}