Tonos de Coral: 18 Tipos y HEX
Estos son los 18 tonos de coral más usados, del más claro al más oscuro.
Explora todos los tonos de coral, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores coral. Haz clic en cualquier tono para copiar su código HEX.
El coral es el extremo amable del rojo: rosa anaranjado, soleado, imposible de leer como agresivo. Aparece en marcas de playa, apps de bienestar y todo lo que apunte al verano.
Es tan luminoso que el texto blanco no alcanza contraste: usa un café profundo o un azul marino para las letras.
- white#ffffff
- fair pink#ffece6
- watusi#ffdacd
- romantic#ffc7b3
- wax flower#ffb59a
- hit pink#ffa281
- salmon#ff9068
- coral#ff7d4e
- burning orange#ff6b35
- orange#ff581c
- vermilion#ff4603
- trinidad#e83e00
- grenadier#cf3700
- fire#b63100
- cedar wood finish#842300
- indian tan#511600
- brown pod#380f00
- nero#1f0800
Coral: Códigos HEX y RGB
coral tiene los siguientes códigos de color principales:
HEX: #ffffff
RGB: (255, 255, 255).
Explora una amplia gama de tonos de coral con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más claros de coral
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
Explora los tonos más oscuros de coral
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
coral en HEX, RGB, HSL y CMYK
| HEX | #FF7F50 | |
|---|---|---|
| RGB | rgb(255, 127, 80) | |
| HSL | hsl(16, 100%, 66%) | |
| CMYK | cmyk(0%, 50%, 69%, 0%) |
Tonos claros y oscuros de coral
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#ff936b
#ffa585
#ffb89e
#ffcbb8
#ffddd1
#fff0eb
Más oscuros
#ff591d
#e73e00
#b33000
#7e2200
#491300
#140500
Colores que combinan con coral
Complementario
#FF7F50 #52d1ff
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#ff527a #FF7F50 #ffd752
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#FF7F50 #52ff80 #8052ff
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre coral
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de coral
Haz clic derecho para guardar la carta, o copia los códigos de arriba.