PANTONE Coral Quartz
Vibrant Professional Red
Tints & Shades
Shades — Darkening PANTONE Coral Quartz
#F77564
#F55742
#F33920
#E9260C
#C7200A
#A51B09
#831507
#611005
#440B04
#220602
Tints — Lightening PANTONE Coral Quartz
#F77564
#F88272
#F88F81
#F9A094
#FAADA3
#FBBAB1
#FCC7C0
#FCD4CF
#FDE5E2
#FEF2F0
Color Harmonies
Complementary
#F77464
#64E6F7
Analogous
#F7649C
#F77464
#F7BF64
Triadic
#F77464
#64F775
#7564F7
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 20-1-3 C | #F87764 | ΔE 1.53 | |
| PANTONE Persimmon | #F67866 | ΔE 2.22 | |
| PANTONE Camellia | #F6745F | ΔE 2.52 | |
| PANTONE 16-1546 TPG | #FF7769 | ΔE 2.53 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #F77464;
color: #000000;
border: 1px solid #F77464;
background: linear-gradient(135deg, #F77464 0%, #E9260C 100%);
}
Accessibility (WCAG)
Contrast on White Text
AA FAIL
Contrast on Black Text
AA PASSAAA PASS
Recommendation: Use black text for optimal legibility on this color.
Color Blindness Simulation
Protanopia
#8B8163 (Red Blind)
#8B8163 (Red Blind)
Deuteranopia
#A89863 (Green Blind)
#A89863 (Green Blind)
Tritanopia
#FF6770 (Blue Blind)
#FF6770 (Blue Blind)
About This Color
PANTONE Coral Quartz is a highly saturated red with bright tonality. Its HEX value is #F77464, placing it in the red region of the color spectrum with a hue angle of 7°.
This lighter shade is well-suited for backgrounds, accent areas, and designs that require an open, airy feel. It pairs naturally with darker neutrals for contrast.
Find your next shade.
Convert any HEX, RGB, or Pantone color instantly.