Ir al selector de color

Color Ocre: #cc7722

Ocre es #cc7722, rgb(204, 119, 34) en RGB y oklch(64.956% 0.14038 59.615) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

30°
100 %

65 %
0,140
60°
  • Naranja
  • Medio
  • Intenso
  • Cálido
  • amber-600
  • Negro 20 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
3.37:1Difícil de leer
Lc -66
Texto negro
6.23:1Legible · AA
Lc 43

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: Ochre, Ocher

Paletas con Ocre

Colores con nombre parecidos

Preguntas sobre Ocre

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

El código HEX de Ocre es #cc7722. En RGB es rgb(204, 119, 34), en HSL hsl(30, 71.43%, 46.67%) y en OKLCH oklch(64.956% 0.14038 59.615).

¿Qué colores combinan con Ocre?

Su color complementario es #1d98db. Para un resultado más tranquilo, combínalo con los colores análogos #d76a5a y #b18900. En esta página tienes paletas listas con Ocre.

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

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

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

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

Sobre #cc7722

#cc7722 es un intenso tono de naranja. En OKLCH tiene una luminosidad de 65 %, un croma de 0.14 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.37:1 y el negro 6.23:1, así que se lee mejor el texto blanco.

El color con nombre más cercano es Ocre (#cc7722). En Tailwind CSS el más cercano es amber-600.

Más tonos de naranja: medio

Más claro: #cc7722 mezclado con blanco

  1. cc7722

Más oscuro: #cc7722 mezclado con negro

  1. cc7722

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

  1. cc7722

Colores con nombre parecidos

Colores que combinan con #cc7722

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