orangewarmCSS named color
Coral #FF7F50
A bright pink-orange named after coral reefs; tropical energy.
Use cases: Summer palettes · Travel brands
Color values
| Format | Value | |
|---|---|---|
| HEX | #FF7F50 | |
| RGB | rgb(255, 127, 80) | |
| HSL | hsl(16, 100%, 66%) | |
| HSV | hsv(16, 69%, 100%) | |
| CMYK | cmyk(0%, 50.2%, 68.6%, 0%) | |
| XYZ | xyz(50.282, 37.024, 12.0863) | |
| CIE-LAB | lab(67.3, 45.4, 47.5) | |
| Luminance | 0.370 (WCAG relative) |
/* Coral */
color: #ff7f50;
background-color: #ff7f50;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#e67248 #cc6640 #b35938 #994c30 #804028 #663320 #4d2618 #331910 #1a0d08 #000000
Tints (toward white)
#ff8c62 #ff9973 #ffa585 #ffb296 #ffbfa8 #ffccb9 #ffd9cb #ffe5dc #fff2ee #ffffff
Tones (toward gray)
#f27f55 #e67f5a #d97f5e #cc7f63 #c08068 #b3806d #a68072 #998076 #8d807b #808080
Color harmonies
Complementary
Edit in generator →#FF7F50
#50D0FF
#ff7f50 #50d0ff
Analogous
Edit in generator →#FF5078
#FF7F50
#FFD650
#ff5078 #ff7f50 #ffd650
Triadic
Edit in generator →#FF7F50
#50FF7F
#7F50FF
#ff7f50 #50ff7f #7f50ff
Tetradic
Edit in generator →#FF7F50
#78FF50
#50D0FF
#D650FF
#ff7f50 #78ff50 #50d0ff #d650ff
Split Complementary
Edit in generator →#FF7F50
#50FFD6
#5078FF
#ff7f50 #50ffd6 #5078ff
Monochromatic
Edit in generator →#D53900
#FF5213
#FF7F50
#FFAC8D
#FFD9CA
#d53900 #ff5213 #ff7f50 #ffac8d #ffd9ca
Accessibility & contrast
2.50
#FF7F50 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
8.40
#FF7F50 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on coral
8.40
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Pumpkin #FF7518 | 7.77 | |
| Salmon #FA8072 | 9.15 | |
| Terracotta #C96F4A | 10.62 | |
| Adobe #BD6C48 | 13.20 | |
| Tangerine #F28500 | 13.81 | |
| Bronze #CD7F32 | 14.31 |
Related colors
Palettes with coral
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.