Color ocre

Pigmento natural de arcilla con óxido de hierro, usado desde las pinturas rupestres. Es un marrón amarillento y terroso. Se ve en fachadas mediterráneas, cerámica y decoración de estilo boho.

También llamado: amarillo ocre.

Ocre · #CC7722

Datos del color ocre

El ocre (#CC7722) es un color cálido, de luminosidad media y de saturación media. Pertenece a la familia de los marrones. Se mezcla con 204 de rojo, 119 de verde y 34 de azul (sobre 255). Se usa sobre todo en arte, decoración, arquitectura.

Tonos del ocre: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el ocre

Azul petróleoContraste cálido-frío muy elegante.Verde olivaUna paleta tierra natural.BlancoIlumina el ocre.CaféProfundidad otoñal.GrisCalma el ocre y lo moderniza.TerracotaUna gama tierra cálida.Azul marinoElegancia y contraste.CremaUna base suave y cálida.

Cómo combinar el ocre en ropa y decoración →

Armonías del color ocre

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Azul Francia

AnálogosCercano a: Bermellón, Maíz

TríadaCercano a: Verde esmeralda, Morado

Complementario divididoCercano a: Turquesa oscuro, Morado

TétradaCercano a: Verde hierba, Azul Francia, Magenta

Paletas con el color ocre

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Ocre

Paleta Análoga · Ocre

Paleta Complementaria · Ocre

Paleta Tríada · Ocre

Paleta Con neutros · Ocre

Paleta Con acento · Ocre

Contraste del ocre con texto

Texto blancoContraste 3.4:1 · AA texto grande

Texto negroContraste 6.2:1 · AA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --ocre: #CC7722;
  --ocre-rgb: 204, 119, 34;
}
.fondo { background-color: var(--ocre); }
.texto { color: var(--ocre); }

Colores parecidos al ocre

Bronce Canela Cobre Zanahoria Caramelo Naranja quemado Marrón Mandarina Miel Coral

Paletas temáticas con este color

Otros marrones

Marrón Café Chocolate Caoba Castaño Canela Sepia Caramelo Camel Moka Caqui Arena Beige Nude Bronce Tabaco Siena Café con leche

Preguntas frecuentes

¿Cuál es el código del color ocre?

El código HEX del color ocre es #CC7722. En RGB es rgb(204, 119, 34), en HSL es hsl(30, 71%, 47%) y en CMYK es 0, 42, 83, 20.

¿Qué color es el complementario del ocre?

Su complementario en el círculo cromático es #2277CC, un tono cercano al azul Francia. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color ocre?

Mejor usa texto negro: el contraste con blanco es solo 3.4:1, mientras que con negro es 6.2:1.

¿Con qué colores combina el ocre?

Combina bien con azul petróleo, verde oliva, blanco, café, gris. Evita juntarlo con amarillos limón o naranjas brillantes, porque el ocre se ve sucio. Con rosa chicle choca.