2024 C
PANTONE 2024-C TCX
Pantone 2024 C is HEX #F87C56, RGB 248, 124, 86, and about CMYK 0, 50, 65, 3. It is a light, vivid warm red color. The best text color on it is black at 8.01:1.
| Family | Red |
|---|---|
| Temperature | Warm |
| Lightness | Light |
| Saturation | Vivid |
| Associations | energy, urgency and appetite |
Color values and code
Values
| HEX | #F87C56 | |
|---|---|---|
| HEX without # | F87C56 | |
| RGB | 248, 124, 86 | |
| RGB percent | 97.3%, 48.6%, 33.7% | |
| CMYK | 0, 50, 65, 3 | |
| HSL | 14, 92%, 65% | |
| HSV | 14, 65%, 97% | |
| LAB | 65.8, 44.5, 42.4 | |
| LCH | 65.8, 61.5, 43.6 | |
| Decimal | 16284758 |
Code snippets
| CSS variable | --pantone-2024-c: #F87C56; | |
|---|---|---|
| CSS color | color: #F87C56; | |
| Tailwind | 'pantone-2024-c': '#F87C56' | |
| SwiftUI | Color(red: 0.973, green: 0.486, blue: 0.337) | |
| Android XML | <color name="pantone_2024_c">#F87C56</color> | |
| Flutter | Color(0xFFF87C56) | |
| JSON | {"slug":"2024-c","name":"2024 C","hex":"#F87C56"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 2024 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 2024 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 2024 C is black, with a contrast ratio of 8.01:1. WCAG AA asks for 4.5:1 on body text and 3:1 on large text.
| Pair | Ratio | AA text | AA large | AAA text |
|---|---|---|---|---|
| #F87C56 on white | 2.62:1 | Fail | Fail | Fail |
| #F87C56 on black | 8.01:1 | Pass | Pass | Pass |
| White on #F87C56 | 2.62:1 | Fail | Fail | Fail |
| Black on #F87C56 | 8.01:1 | Pass | Pass | Pass |
Color vision simulation
Approximate simulations of how the color may look with common types of color blindness.
In use
Text on 2024 C
8.01:1
2024 C on white
2.62:1
2024 C on near black
7.20:1
Printing and Pantone matching
2024 C is built here as C0 M50 Y65 K3. This color is highly saturated, so a CMYK build usually looks duller than the spot ink. Use the spot ink when accuracy matters. On uncoated paper expect it to look a little lighter and less saturated than on coated stock.
| CMYK build | C0 M50 Y65 K3 |
|---|---|
| Total ink | 118% |
| Ink note | Within the roughly 300% limit many printers use. |
Screen values approximate the printed ink. Verify against a physical Pantone guide before production.
Similar Pantone colors
More red colors
Questions about 2024 C
What is the HEX code for Pantone 2024 C?
HEX #F87C56, equivalent to RGB 248, 124, 86. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 2024 C?
A process build of C0 M50 Y65 K3. This color is highly saturated, so a CMYK build usually looks duller than the spot ink. Use the spot ink when accuracy matters.
Is Pantone 2024 C a warm or cool color?
It is a warm color, light and vivid, with a hue of 14 degrees.
What text color works on Pantone 2024 C?
Use black text. It gives a contrast ratio of 8.01:1, passing WCAG AA for body text.