#FB8C00

#FB8C00 — Códigos de color y paleta

#FB8C00  ·  rgb(251, 140, 0)  ·  hsl(33, 100%, 49%)

Códigos de color

Formato Valor
HEX #FB8C00
RGB rgb(251, 140, 0)
HSL hsl(33, 100%, 49%)

Tonos de #FB8C00

#E07B00#C76D00#AD5F00#945100#7A4300#613500#472700#2E1900

Matices claros de #FB8C00

#FF9514#FFA12E#FFAC47#FFB861#FFC37A#FFCF94#FFDAAD#FFE6C7

Combinaciones y armonía de color

Complementario
#0070FA
Análogo +30°
#EDFA00
Análogo −30°
#FA0C00
Triádico +120°
#00FA89
Triádico −120°
#8900FA

Contraste y accesibilidad (WCAG 2.1)

sobre blanco (#FFFFFF)
2.37:1 — No supera
sobre negro (#000000)
8.85:1 — Supera AAA para texto normal

Fragmento CSS

.element {
  color: #FB8C00;
}

.element-bg {
  background-color: #FB8C00;
  color: #000000;
}

.element-border {
  border: 2px solid #FB8C00;
}

Sobre el color #FB8C00

#FB8C00 es un color medio con saturación muy alta y vibrante, definido por el código hexadecimal #FB8C00. Sus valores exactos en los modelos de color son rgb(251, 140, 0) en RGB y hsl(33, 100%, 49%) en HSL (matiz 33°, saturación 100%, luminosidad 49%). Sobre fondo blanco, el ratio de contraste es 2.37:1 — No supera, y sobre negro es 8.85:1 — Supera AAA para texto normal. Usa #FB8C00 en elementos de interfaz, fondos, texto, bordes o acentos decorativos. La sección de tonos muestra variaciones progresivamente más oscuras, mientras que la franja de matices claros muestra versiones más luminosas — ambas útiles para construir una paleta tonal. Las muestras de armonía proporcionan combinaciones complementarias, análogas y triádicas basadas en la rueda de matices HSL.

¿Quieres explorar este color de forma interactiva, generar paletas o convertir entre formatos de color? El selector de color de DevArbor te lo pone fácil.

Abrir el selector de color →

Preguntas frecuentes

¿Cuál es el valor RGB de #FB8C00?
El valor RGB de #FB8C00 (#FB8C00) es rgb(251, 140, 0). Representa las cantidades de luz roja, verde y azul en una escala de 0 a 255.
¿Es #FB8C00 accesible sobre fondo blanco?
El ratio de contraste de #FB8C00 sobre blanco (#FFFFFF) es 2.37:1 — No supera. Sobre negro (#000000) el ratio de contraste es 8.85:1 — Supera AAA para texto normal. WCAG 2.1 exige 4,5:1 para AA (texto normal) y 7:1 para AAA.
¿Qué colores combinan bien con #FB8C00?
Según la teoría del color, #FB8C00 (hsl(33, 100%, 49%)) combina bien con sus matices complementarios, análogos y triádicos. Consulta las muestras de armonía de arriba para ver los valores hexadecimales exactos de cada tipo de combinación.