Color Coral claro: código #F08080
Coral claro
#F08080
Códigos del color
- HEX
#F08080 - RGB
rgb(240, 128, 128) - HSL
hsl(0, 79%, 72%) - HSV
hsv(0, 47%, 94%) - CMYK
cmyk(0%, 47%, 47%, 6%) - LAB
lab(66.2% 42.8 19.6) - OKLCH
oklch(72.5% 0.138 21)
Sobre el color Coral claro
Coral claro tiene el código HEX #F08080, que corresponde a rgb(240, 128, 128) en el modelo RGB. En el círculo cromático, su tono está en 0°, con 79% de saturación y 72% de luminosidad (hsl(0, 79%, 72%)).
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,10:1 sobre él, frente a 2,59:1 del blanco.
Para impresión, la conversión aproximada es cmyk(0%, 47%, 47%, 6%). 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 Coral claro
Complementaria
#F08080 · #7FF0F0
Análoga
#F07FB8 · #F08080 · #F0B87F
Tríada
#F08080 · #7FF07F · #7F7FF0
Tetrádica
#F08080 · #B8F07F · #7FF0F0 · #B87FF0
Complementaria dividida
#F08080 · #7FF0B8 · #7FB8F0
Monocromática
#D71919 · #EB5252 · #F08080 · #F8C4C4 · #FFFFFF
Coral claro con texto blanco y negro
Cómo usarlo en CSS
:root {
--color-light-coral: #F08080;
--color-light-coral-rgb: 240, 128, 128;
}
.elemento {
background-color: var(--color-light-coral);
color: #000000;
}