Vibrant Orange 16-1364 TCX
PANTONE 16-1364 TCX TCX / FHI
Pantone Vibrant Orange 16-1364 TCX is HEX #FF7420, RGB 255, 116, 32, and about CMYK 0, 55, 87, 0. It is a medium, vivid warm orange color. The best text color on it is black at 7.77:1.
| Family | Orange |
|---|---|
| Temperature | Warm |
| Lightness | Medium |
| Saturation | Vivid |
| Associations | warmth, optimism and friendliness |
Color values and code
Values
| HEX | #FF7420 | |
|---|---|---|
| HEX without # | FF7420 | |
| RGB | 255, 116, 32 | |
| RGB percent | 100.0%, 45.5%, 12.5% | |
| CMYK | 0, 55, 87, 0 | |
| HSL | 23, 100%, 56% | |
| HSV | 23, 87%, 100% | |
| LAB | 64.8, 49.0, 66.0 | |
| LCH | 64.8, 82.2, 53.4 | |
| Decimal | 16741408 |
Code snippets
| CSS variable | --pantone-vibrant-orange-16-1364-tcx: #FF7420; | |
|---|---|---|
| CSS color | color: #FF7420; | |
| Tailwind | 'pantone-vibrant-orange-16-1364-tcx': '#FF7420' | |
| SwiftUI | Color(red: 1.000, green: 0.455, blue: 0.125) | |
| Android XML | <color name="pantone_vibrant_orange_16_1364_tcx">#FF7420</color> | |
| Flutter | Color(0xFFFF7420) | |
| JSON | {"slug":"vibrant-orange-16-1364-tcx","name":"Vibrant Orange 16-1364 TCX","hex":"#FF7420"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is Vibrant Orange 16-1364 TCX. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of Vibrant Orange 16-1364 TCX and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on Vibrant Orange 16-1364 TCX is black, with a contrast ratio of 7.77: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 |
|---|---|---|---|---|
| #FF7420 on white | 2.70:1 | Fail | Fail | Fail |
| #FF7420 on black | 7.77:1 | Pass | Pass | Pass |
| White on #FF7420 | 2.70:1 | Fail | Fail | Fail |
| Black on #FF7420 | 7.77: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 Vibrant Orange 16-1364 TCX
7.77:1
Vibrant Orange 16-1364 TCX on white
2.70:1
Vibrant Orange 16-1364 TCX on near black
6.99:1
Printing and Pantone matching
Vibrant Orange 16-1364 TCX is built here as C0 M55 Y87 K0. 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 M55 Y87 K0 |
|---|---|
| Total ink | 142% |
| 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 orange colors
Questions about Vibrant Orange 16-1364 TCX
What is the HEX code for Pantone Vibrant Orange 16-1364 TCX?
HEX #FF7420, equivalent to RGB 255, 116, 32. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone Vibrant Orange 16-1364 TCX?
A process build of C0 M55 Y87 K0. 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 Vibrant Orange 16-1364 TCX a warm or cool color?
It is a warm color, medium and vivid, with a hue of 23 degrees.
What text color works on Pantone Vibrant Orange 16-1364 TCX?
Use black text. It gives a contrast ratio of 7.77:1, passing WCAG AA for body text.