Ir al selector de color

Color Topo: #483c32

Topo es #483c32, rgb(72, 60, 50) en RGB y oklch(36.572% 0.02366 61.784) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

27°
100 %

36,6 %
0,024
62°
  • Ámbar
  • Oscuro
  • Apagado
  • Cálido
  • taupe-700
  • Negro 72 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
10.67:1Legible · AA
Lc -99
Texto negro
1.97:1Difícil de leer
Lc 9

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: Gris pardo, Taupe

Paletas con Topo

Colores con nombre parecidos

Preguntas sobre Topo

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

El código HEX de Topo es #483c32. En RGB es rgb(72, 60, 50), en HSL hsl(27.27, 18.03%, 23.92%) y en OKLCH oklch(36.572% 0.02366 61.784).

¿Qué colores combinan con Topo?

Su color complementario es #34404a. Para un resultado más tranquilo, combínalo con los colores análogos #4a3a37 y #433e30. En esta página tienes paletas listas con Topo.

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

Topo es un color cálido con un matiz OKLCH de 62 grados.

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

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

Sobre #483c32

#483c32 es un apagado tono oscuro de ámbar. En OKLCH tiene una luminosidad de 36,6 %, un croma de 0.024 y un matiz de 62°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Topo (#483c32). En Tailwind CSS el más cercano es taupe-700.

Más tonos de ámbar

Más claro: #483c32 mezclado con blanco

  1. 483c32

Más oscuro: #483c32 mezclado con negro

  1. 483c32
  2. 000000

Más sobrio: #483c32 con menos saturación

  1. 483c32

Colores con nombre parecidos

Colores que combinan con #483c32

Complementaria
#483c32
Análoga
#483c32
Triádica
#483c32
Dividida
#483c32