Un naranja fuerte y lleno que es uno de los colores con nombre de HTML y CSS. Aunque se llama oscuro, en realidad es brillante y vivo, y aparece mucho en botones, gráficos y Halloween.
El código HEX del color naranja oscuro es #FF8C00. En RGB es rgb(255, 140, 0), en HSL es hsl(33, 100%, 50%) y en CMYK es 0, 45, 100, 0.
Elige un color para combinar y mira cómo queda en ropa, decoración y diseño.
El naranja oscuro (#FF8C00) es un color cálido, de luminosidad media y muy saturado. Pertenece a la familia de los naranjas. Se mezcla con 255 de rojo, 140 de verde y 0 de azul (sobre 255). Se usa sobre todo en web, diseño gráfico, eventos.
El naranja une la energía del rojo con la alegría del amarillo. Transmite entusiasmo, creatividad y cercanía, y además abre el apetito. En el caso del color naranja oscuro, se usa sobre todo en web, diseño gráfico y eventos.
Del más claro al más oscuro. Toca un tono para copiar su código.
Ve todos sus tonos: Generador de gama de colores
Combinaciones según el círculo cromático. Más en armonías de color.
Copia los códigos o abre la paleta en el editor para ajustarla.
Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.
:root {
--naranja-oscuro: #FF8C00;
--naranja-oscuro-rgb: 255, 140, 0;
}
.fondo { background-color: var(--naranja-oscuro); }
.texto { color: var(--naranja-oscuro); }
El naranja une la energía del rojo con la alegría del amarillo. Transmite entusiasmo, creatividad y cercanía, y además abre el apetito. En el caso del color naranja oscuro, se usa sobre todo en web, diseño gráfico y eventos.
El código HEX del color naranja oscuro es #FF8C00. En RGB es rgb(255, 140, 0), en HSL es hsl(33, 100%, 50%) y en CMYK es 0, 45, 100, 0.
Su complementario en el círculo cromático es #0073FF, un tono cercano al azul eléctrico. Usado en pequeñas dosis sirve como acento y da mucho contraste.
Mejor usa texto negro: el contraste con blanco es solo 2.3:1, mientras que con negro es 9.0:1.
Usamos cookies de Google Analytics para saber cómo se usa el sitio. ¿Las aceptas? Más información