#FF7F50
Coral
Coral is a warm, pinkish-orange color inspired by ocean coral reefs. It was named Pantone Color of the Year in 2019 for its warmth and vibrancy.
Coral Color Values
HEX#FF7F50
RGB255, 127, 80
HSL16°, 100%, 66%
HSV16°, 69%, 100%
CMYK0%, 50%, 69%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #A2934B (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #C1AF4D (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF6575 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #AFAFAF (~0.003% of population)
Coral as Text Color
Coral on White
2.5:1FAIL
Coral on Light Gray
2.3:1FAIL
Coral on Cream
2.4:1FAIL
Coral on Dark
6.8:1AA
Coral on Black
8.4:1AAA
Coral on Soft Blue
2.2:1FAIL
Coral on Soft Green
2.2:1FAIL
Coral on Soft Pink
2.1:1FAIL
Nearest Tailwind Class
orange-400
#FB923C
Nearest Pantone Match
Living Coral (2019)
#FF6F61
CSS Variable Export
:root {
--color-coral: #FF7F50;
--color-coral-rgb: 255, 127, 80;
}Tailwind Config
// tailwind.config.js
colors: {
'coral': '#FF7F50',
}Shades of Coral
#FF8052
#FF662E
#FF4805
#E03C00
#BD3200
#942700
#701E00
#4D1400
#240A00
#000000
Tints of Coral
#FF8052
#FF8F66
#FF9E7A
#FFA98A
#FFB89E
#FFC7B3
#FFD6C7
#FFE1D6
#FFF0EB
#FFFFFF
Color Harmonies
Complementary
#FF7F50
#52D1FF
Analogous
#FF527A
#FF8052
#FFD752
Triadic
#FF8052
#52FF80
#8052FF
Coral Text Preview
Heading in Coral
Body text in Coral. The quick brown fox jumps over the lazy dog.
White on Coral
Body text on a Coral background.
Coral text on dark background
Contrast: 7.1:1