Ir al selector de color

Color Cobre: #b87333

Cobre es #b87333, rgb(184, 115, 51) en RGB y oklch(61.795% 0.1171 60.399) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

29°
100 %

61,8 %
0,117
60°
  • Marrón
  • Medio
  • Intenso
  • Cálido
  • yellow-700
  • Negro 28 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.79:1Difícil de leer
Lc -71
Texto negro
5.54:1Legible · AA
Lc 39

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: Copper

Paletas con Cobre

Colores con nombre parecidos

Preguntas sobre Cobre

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

El código HEX de Cobre es #b87333. En RGB es rgb(184, 115, 51), en HSL hsl(28.87, 56.6%, 46.08%) y en OKLCH oklch(61.795% 0.1171 60.399).

¿Qué colores combinan con Cobre?

Su color complementario es #368ec5. Para un resultado más tranquilo, combínalo con los colores análogos #c2685a y #a0821d. En esta página tienes paletas listas con Cobre.

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

Cobre es un color cálido con un matiz OKLCH de 60 grados.

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

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

Sobre #b87333

#b87333 es un intenso tono de marrón. En OKLCH tiene una luminosidad de 61,8 %, un croma de 0.117 y un matiz de 60°.

Dentro de sRGB: se ve igual en cualquier pantalla.

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

El color con nombre más cercano es Cobre (#b87333). En Tailwind CSS el más cercano es yellow-700.

Más tonos de marrón: medio

Más claro: #b87333 mezclado con blanco

  1. b87333

Más oscuro: #b87333 mezclado con negro

  1. b87333

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

  1. b87333

Colores con nombre parecidos

Colores que combinan con #b87333

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