Appearance
Coral Color Code: HEX Code & RGB Code Values
Looking for specific coral color code? Get exact coral hex code #FF7F50 and coral RGB code rgb(255,127,80). Complete color information for design and development projects featuring this vibrant, warm pinkish-orange color.

HEX
#FF7F50RGB
rgb(255,127,80)Shades of Coral
Create custom shades of coral with our color generator. Adjust hues, tints, and tones to find the perfect shade of coral for your project.
Shades (Adding Black)
- FF7F50rgb(255, 127, 80)
- D06943rgb(208, 105, 67)
- A35437rgb(163, 84, 55)
- 79402Brgb(121, 64, 43)
- 502C1Frgb(80, 44, 31)
- 2B1A13rgb(43, 26, 19)
- 000000rgb(0, 0, 0)
Tints (Adding White)
- FF7F50rgb(255, 127, 80)
- FF986Frgb(255, 152, 111)
- FFAE8Drgb(255, 174, 141)
- FFC3AArgb(255, 195, 170)
- FFD8C7rgb(255, 216, 199)
- FFECE3rgb(255, 236, 227)
- FFFFFFrgb(255, 255, 255)
Tones (Adding Gray)
- FF7F50rgb(255, 127, 80)
- F7845Argb(247, 132, 90)
- EB8B67rgb(235, 139, 103)
- DD9175rgb(221, 145, 117)
- CD9884rgb(205, 152, 132)
- BB9E93rgb(187, 158, 147)
- 808080rgb(128, 128, 128)
Coral Palette
Explore curated and automatically generated color palettes featuring coral. See how it harmonizes with other colors for UI themes, graphics, and branding materials.
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEBE1
Light
#FFC7AF
Medium Light
#FFA47F
Medium
#FF7F50
Medium Dark
#D36137
Dark
#A9431E
Darkest
#802706
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF7F50
Left Dark
#FF9E78
Left Medium
#FFBBA0
Left Light
#FFD8CA
Neutral
#F5F5F5
Right Light
#D5ECF8
Right Medium
#B2E3FA
Right Dark
#89D9FD
Complementary End
#50D0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC0A5
Medium
#FF7F50
Dark
#962500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF50D0
Left Adjacent 1
#FF5079
Main
#FF7F50
Right Adjacent 1
#FFD650
Right Adjacent 2
#D0FF50
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF7F50
Complementary
#50D0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF7F50
Secondary
#50FF7F
Tertiary
#7F50FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF7F50
Right 90°
#79FF50
Complementary
#50D0FF
Left 90°
#D650FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF7F50
Secondary
#D0FF50
Complementary
#50D0FF
Complementary Secondary
#7F50FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF7F50
Split Left
#50FFD6
Split Right
#5079FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF7F50
45°
#FCFF50
90°
#79FF50
135°
#50FFAB
180°
#50D0FF
225°
#5350FF
270°
#D650FF
315°
#FF50A4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A89C
Pastel 1
#D1B3A9
Pastel 2
#D8BFB6
Pastel 3
#DFCBC3
Pastel 4
#E6D6D1
Deep Pastel
#EDE2DE
Common Orange Color Codes (HEX & RGB)
Orange →
HEX:#FFA500
RGB:rgb(255, 165, 0)
Dark Orange →
HEX:#FF8C00
RGB:rgb(255, 140, 0)
Light Orange →
HEX:#FFD580
RGB:rgb(255,213,128)
Coral →
HEX:#FF7F50
RGB:rgb(255, 127, 80)
Copper →
HEX:#B87333
RGB:rgb(184, 115, 51)
Bronze →
HEX:#CD7F32
RGB:rgb(205, 127, 50)
Tan →
HEX:#D2B48C
RGB:rgb(210, 180, 140)
Extract Coral Hex & RGB Codes from Image
Upload a photo to find the exact coral HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Coral Color Code Converter
Instantly convert between HEX, RGB, CMYK, and more for coral shades.
All Formats:
- HEX:#FF7F50
- RGB:rgb(255, 127, 80)
- CMYK:cmyk(0%, 50%, 69%, 0%)
- HSV:hsv(16°, 69%, 100%)
- HSL:hsl(16°, 100%, 66%)
What is Coral?
Coral is a vibrant pinkish-orange color named after the marine invertebrates of the same name. Coral reefs are some of the most diverse ecosystems on Earth, home to thousands of species. The color coral captures the warm, vibrant hues of coral polyps, ranging from pale pink to deep orange.
Coral is a lively, energetic color that evokes feelings of warmth and vitality. It's often associated with tropical destinations, summer, and ocean life. The color has a cheerful quality that works well in both casual and elegant designs.
The hex code for coral is #FF7F50, with RGB values of rgb(255, 127, 80). This combination creates a warm, vibrant orange with pink undertones.
Coral vs Similar Colors
Coral sits between orange and pink:
| Color | HEX Code | Key Difference |
|---|---|---|
| Coral | #FF7F50 | Pinkish-orange |
| Salmon | #FA8072 | Pinker, less orange |
| Peach | #FFDAB9 | Lighter, more yellow |
| Orange | #FFA500 | Pure orange |
Coral is pinker than orange and more saturated than salmon. Its unique blend makes it popular in fashion and design.
Using Coral in Design
Coral's warmth makes it versatile:
Web and UI Design: Coral works well for lifestyle brands, travel platforms, and casual websites. It creates energetic, inviting interfaces. Pair with white or turquoise for a fresh aesthetic.
Graphic Design: Coral is ideal for summer promotions, beach-themed designs, and feminine branding. It pairs beautifully with turquoise, white, and sand.
Fashion and Interiors: A popular color for summer collections and coastal decor. In interiors, coral adds warmth as an accent color or textiles.
Color Psychology and Meaning
Coral carries energetic associations:
- Warmth and vitality: Evokes feelings of energy and enthusiasm
- Joy and optimism: Associated with happiness and positivity
- Tropical paradise: Linked to vacation and relaxation
- Femininity and charm: Often used in feminine designs
Frequently Asked Questions
What is the coral hex code?
The coral hex code is #FF7F50. This vibrant pinkish-orange is widely used in design.
What colors go well with coral?
Coral pairs beautifully with turquoise, white, sand, and navy blue.
Is coral a warm or cool color?
Coral is a warm color with orange undertones.
What are the RGB values for coral?
The coral RGB code is rgb(255, 127, 80).
Why is coral associated with the ocean?
Coral is named after coral reefs, which are found in warm ocean waters worldwide.