coral orange Color Codes
Color Preview
Coral Orange Color Codes
Related Colors
Complementary
#0080af
Analogous
hsl(46, 100%, 66%)
hsl(346, 100%, 66%)
Triadic
hsl(136, 100%, 66%)
hsl(256, 100%, 66%)
Tetradic
hsl(106, 100%, 66%)
hsl(196, 100%, 66%)
hsl(286, 100%, 66%)
HTML Snippets
.element { background-color: #FF7F50; }.element { color: #FF7F50; }This is how the text color would appear.
<span style="color: #FF7F50;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black8.40 (AA)
White2.50 (Fail)
Shades of Coral Orange
hsl(16, 100%, 36%)
hsl(16, 100%, 51%)
#FF7F50
hsl(16, 100%, 81%)
hsl(16, 100%, 96%)
Color Blindness Simulations
Protanopia (Red-Blind)
#c8c67a
Deuteranopia (Green-Blind)
#cfd985
Tritanopia (Blue-Blind)
#f9b6bc
Related Palettes
About coral orange
coral orange (#FF7F50) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.