Ir al selector de color

Color #aaa162: Suave tono claro de amarillo

#aaa162 es rgb(170, 161, 98) en RGB y oklch(70.211% 0.08407 101.196) en OKLCH. Abajo tienes los demás formatos, tonos y valores de contraste.

Interpretado como HEX

53°
100 %

70,2 %
0,084
101°
  • Amarillo
  • Claro
  • Suave
  • Neutro
  • ≈ Camel
  • olive-400
  • Negro 33 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
2.63:1Difícil de leer
Lc -56
Texto negro
7.98:1Legible · AA
Lc 53

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Abrir como paleta

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

Sobre #aaa162

#aaa162 es un suave tono claro de amarillo. En OKLCH tiene una luminosidad de 70,2 %, un croma de 0.084 y un matiz de 101°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 2.63:1 y el negro 7.98:1, así que se lee mejor el texto negro.

El color con nombre más cercano es Camel (#c19a6b). En Tailwind CSS el más cercano es olive-400.

Más tonos de amarillo: claro

Más claro: #aaa162 mezclado con blanco

  1. aaa162
  2. b2aa72
  3. bab382
  4. c3bd91
  5. cbc6a1
  6. d3cfb0
  7. dcd9c0
  8. e5e2d0
  9. edecdf
  10. f6f5ef

Más oscuro: #aaa162 mezclado con negro

  1. aaa162
  2. 938b54
  3. 7d7647
  4. 68623a
  5. 534e2d
  6. 3f3c21
  7. 2d2a16
  8. 1b190b
  9. 0b0903
  10. 010100

Más sobrio: #aaa162 con menos saturación

  1. aaa162
  2. a9a169
  3. a8a170
  4. a7a176
  5. a5a17c
  6. a4a082
  7. a3a088
  8. a2a08e
  9. a1a094
  10. a09f99

Preguntas sobre #aaa162

¿Qué color es #aaa162?

#aaa162 es un suave tono claro de amarillo. El color con nombre más cercano es Suave tono claro de amarillo. En RGB es rgb(170, 161, 98), en HSL hsl(52.5, 29.75%, 52.55%) y en OKLCH oklch(70.211% 0.08407 101.196).

¿Qué colores combinan con #aaa162?

El color complementario de #aaa162 es #9699d3. Para una combinación más tranquila, usa los colores análogos #c09664 y #8daa73. Los colores de la tríada son #5eabc4 y #c48aaf.

¿Se lee mejor el texto blanco o el negro sobre #aaa162?

Sobre #aaa162 se lee mejor el texto negro: el blanco da una relación de contraste de 2.63:1 y el negro de 7.98:1. WCAG AA pide al menos 4,5:1 para el texto normal.

¿#aaa162 es un color cálido o frío?

#aaa162 es un color neutro. En OKLCH su matiz es de 101 grados, su luminosidad 70,2 % y su croma 0.084.