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.