Ir al selector de color

Color Tostado: #d2b48c

Tostado es #d2b48c, rgb(210, 180, 140) en RGB y oklch(78.619% 0.06382 74.619) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

34°
100 %

78,6 %
0,064
75°
  • Ámbar
  • Claro
  • Suave
  • Cálido
  • olive-400
  • Negro 18 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
1.97:1Difícil de leer
Lc -42
Texto negro
10.65:1Legible · AA
Lc 66

Tonos

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

Armonías

Recientes

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

También llamado: Habano, Tan

Paletas con Tostado

Colores con nombre parecidos

Preguntas sobre Tostado

¿Cuál es el código HEX de Tostado?

El código HEX de Tostado es #d2b48c. En RGB es rgb(210, 180, 140), en HSL hsl(34.29, 43.75%, 68.63%) y en OKLCH oklch(78.619% 0.06382 74.619).

¿Qué colores combinan con Tostado?

Su color complementario es #9ebce2. Para un resultado más tranquilo, combínalo con los colores análogos #ddad98 y #bfbc8d. En esta página tienes paletas listas con Tostado.

¿Tostado es un color cálido o frío?

Tostado es un color cálido con un matiz OKLCH de 75 grados.

¿Qué color de texto se lee bien sobre Tostado?

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

Sobre #d2b48c

#d2b48c es un suave tono claro de ámbar. En OKLCH tiene una luminosidad de 78,6 %, un croma de 0.064 y un matiz de 75°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

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

Más tonos de ámbar: claro

Más claro: #d2b48c mezclado con blanco

  1. d2b48c

Más oscuro: #d2b48c mezclado con negro

  1. d2b48c

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

  1. d2b48c

Colores con nombre parecidos

Colores que combinan con #d2b48c

Complementaria
#d2b48c
Análoga
#d2b48c
Triádica
#d2b48c
Dividida
#d2b48c