Color Mandarina: código #F28500

Mandarina

#F28500

Códigos del color

  • HEX#F28500
  • RGBrgb(242, 133, 0)
  • HSLhsl(33, 100%, 47%)
  • HSVhsv(33, 100%, 95%)
  • CMYKcmyk(0%, 45%, 100%, 5%)
  • LABlab(66.3% 35.2 72.6)
  • OKLCHoklch(72.2% 0.172 58.5)

Sobre el color Mandarina

Mandarina tiene el código HEX #F28500, que corresponde a rgb(242, 133, 0) en el modelo RGB. En el círculo cromático, su tono está en 33°, con 100% de saturación y 47% de luminosidad (hsl(33, 100%, 47%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 8,13:1 sobre él, frente a 2,58:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 45%, 100%, 5%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Mandarina

Complementaria

#F28500 · #006CF0

Análoga

#F00C00 · #F28500 · #E4F000

Tríada

#F28500 · #00F084 · #8400F0

Tetrádica

#F28500 · #00F00C · #006CF0 · #F000E4

Complementaria dividida

#F28500 · #00E4F0 · #0C00F0

Monocromática

#703E00 · #BD6800 · #F28500 · #FFA83D · #FFCA8A

Mandarina con texto blanco y negro

Texto blanco Aa Bb Cc 123
2,58:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
8,13:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-tangerine: #F28500;
  --color-tangerine-rgb: 242, 133, 0;
}

.elemento {
  background-color: var(--color-tangerine);
  color: #000000;
}