Mellow Yellow 12-0720 TCX
PANTONE 12-0720 TCX TCX / FHI
Pantone Mellow Yellow 12-0720 TCX is HEX #F0DD9D, RGB 240, 221, 157, and about CMYK 0, 8, 35, 6. It is a light, vivid warm yellow color. The best text color on it is black at 15.53:1.
| Family | Yellow |
|---|---|
| Temperature | Warm |
| Lightness | Light |
| Saturation | Vivid |
| Associations | clarity, attention and cheer |
Color values and code
Values
| HEX | #F0DD9D | |
|---|---|---|
| HEX without # | F0DD9D | |
| RGB | 240, 221, 157 | |
| RGB percent | 94.1%, 86.7%, 61.6% | |
| CMYK | 0, 8, 35, 6 | |
| HSL | 46, 73%, 78% | |
| HSV | 46, 35%, 94% | |
| LAB | 88.3, -2.6, 33.8 | |
| LCH | 88.3, 33.9, 94.4 | |
| Decimal | 15785373 |
Code snippets
| CSS variable | --pantone-mellow-yellow-12-0720-tcx: #F0DD9D; | |
|---|---|---|
| CSS color | color: #F0DD9D; | |
| Tailwind | 'pantone-mellow-yellow-12-0720-tcx': '#F0DD9D' | |
| SwiftUI | Color(red: 0.941, green: 0.867, blue: 0.616) | |
| Android XML | <color name="pantone_mellow_yellow_12_0720_tcx">#F0DD9D</color> | |
| Flutter | Color(0xFFF0DD9D) | |
| JSON | {"slug":"mellow-yellow-12-0720-tcx","name":"Mellow Yellow 12-0720 TCX","hex":"#F0DD9D"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is Mellow Yellow 12-0720 TCX. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of Mellow Yellow 12-0720 TCX and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on Mellow Yellow 12-0720 TCX is black, with a contrast ratio of 15.53: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 |
|---|---|---|---|---|
| #F0DD9D on white | 1.35:1 | Fail | Fail | Fail |
| #F0DD9D on black | 15.53:1 | Pass | Pass | Pass |
| White on #F0DD9D | 1.35:1 | Fail | Fail | Fail |
| Black on #F0DD9D | 15.53: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 Mellow Yellow 12-0720 TCX
15.53:1
Mellow Yellow 12-0720 TCX on white
1.35:1
Mellow Yellow 12-0720 TCX on near black
13.97:1
Printing and Pantone matching
Mellow Yellow 12-0720 TCX is built here as C0 M8 Y35 K6. This color sits in a range that CMYK usually reproduces well, but proof it on your stock. On uncoated paper expect it to look a little lighter and less saturated than on coated stock.
| CMYK build | C0 M8 Y35 K6 |
|---|---|
| Total ink | 48% |
| 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 yellow colors
Questions about Mellow Yellow 12-0720 TCX
What is the HEX code for Pantone Mellow Yellow 12-0720 TCX?
HEX #F0DD9D, equivalent to RGB 240, 221, 157. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone Mellow Yellow 12-0720 TCX?
A process build of C0 M8 Y35 K6. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone Mellow Yellow 12-0720 TCX a warm or cool color?
It is a warm color, light and vivid, with a hue of 46 degrees.
What text color works on Pantone Mellow Yellow 12-0720 TCX?
Use black text. It gives a contrast ratio of 15.53:1, passing WCAG AA for body text.