HTML named color
Coral color code
Use the Coral HTML color with HEX #FF7F50, RGB 255,127,80 and HSL 16,100%,66%. Copy CSS examples, shades and accessible contrast combinations.
Oranges
#FF7F50
rgb(255,127,80)
HEX
#FF7F50RGB
rgb(255,127,80)HSL
hsl(16,100%,66%)OKLCH
oklch(73.5% 0.168 40.2)CSS name
coralHow to use this color
Coral can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-coral {
color: #FF7F50;
}
.bg-coral {
background-color: coral;
}
.border-coral {
border-color: rgb(255,127,80);
}Shades palette
#330E00#742002#B73506#F4490B#F47A4E#F6AD92#FADCD1