coral Color Codes
Color Preview: Coral
Coral Color Values
Related Colors
Complementary
#0080af
Analogous
#ffd752
#ff527a
Triadic
#52ff80
#8052ff
Tetradic
#7aff52
#52d1ff
#d752ff
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 (AAA)
White2.50 (Fail)
Shades of Coral
#b83100
#ff4805
#FF7F50
#ffb89e
#fff0eb
Color Blindness Simulations
Protanopia (Red-Blind)
#c8c67a
Deuteranopia (Green-Blind)
#cfd985
Tritanopia (Blue-Blind)
#f9b6bc
Related Palettes
This color is not part of any predefined palettes.
About coral
coral (#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.