Código de color y paleta
Color Coral
El coral es un naranja rosado y cálido con el valor CSS #FF7F50. Resulta vivo y cercano, y da energía a llamadas a la acción e ilustraciones sin la dureza del rojo puro.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Coral 50 | #FFECE5 | 255, 236, 229 | 16, 100%, 95% | ||
| Coral 100 | #FFC7B3 | 255, 199, 179 | 16, 100%, 85% | ||
| Coral 200 | #FFA280 | 255, 162, 128 | 16, 100%, 75% | ||
| Coral 300 | #FF7C4D | 255, 124, 77 | 16, 100%, 65% | ||
| Coral 400 | #FF571A | 255, 87, 26 | 16, 100%, 55% | ||
| Coral 500 | #E63D00 | 230, 61, 0 | 16, 100%, 45% | ||
| Coral 600 | #B33000 | 179, 48, 0 | 16, 100%, 35% | ||
| Coral 700 | #802200 | 128, 34, 0 | 16, 100%, 25% | ||
| Coral 800 | #4D1400 | 77, 20, 0 | 16, 100%, 15% | ||
| Coral 900 | #1A0700 | 26, 7, 0 | 16, 100%, 5% |
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Coral
Llamadas a la acción cercanas
Ilustración de viajes y estilo de vida
Acentos combinados con verde azulado
Colores que combinan con Coral
Armonías de la rueda de color creadas a partir de #FF7F50. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.