#ff7f50
HEX
#ff7f50 RGB
rgb(255, 127, 80) HSL
16°, 100%, 66% About Coral Color
Coral is a warm pink-orange hue that feels energetic yet friendly. It is widely used in summer-themed designs and social media graphics.
Use Cases for Coral
summer brandingsocial graphicsfriendly buttonstravel websitesfood apps
Shades & Tints of Coral
#ffffff
#ffdfd3
#ffbfa8
#ff9f7c
#ff7f50
#bf5f3c
#804028
#402014
#000000
Complementary Color
#ff7f50
#52d1ff
Analogous Colors
#ff527a
#ff7f50
#ffd752
CSS Code
.coral-color {
color: #ff7f50;
}Contrast Recommendations
Black text on Coral
Ratio: 8.4:1 ✓ Passes AA ✓ Passes AAA
White text on Coral
Ratio: 2.5:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is Coral?
Coral is represented by the hex code #ff7f50 and has RGB values of rgb(255, 127, 80). It falls under the Orange category.
How to use Coral in web design?
Coral works well for summer branding, social graphics, friendly buttons. Coral is a warm pink-orange hue that feels energetic yet friendly. It is widely used in summer-themed designs and social media graphics. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Coral?
Colors that pair well with Coral include tomato, salmon, lightsalmon, darksalmon, peachpuff. For a complementary scheme, try #52d1ff. For an analogous scheme, use #ff527a and #ffd752.