102 C
PANTONE 102 C COATED
Pantone 102 C is HEX #FCE300, RGB 252, 227, 0, and about CMYK 0, 10, 100, 1. It is a medium, vivid warm yellow color. The best text color on it is black at 16.13:1.
| Family | Yellow |
|---|---|
| Temperature | Warm |
| Lightness | Medium |
| Saturation | Vivid |
| Associations | clarity, attention and cheer |
Color values and code
Values
| HEX | #FCE300 | |
|---|---|---|
| HEX without # | FCE300 | |
| RGB | 252, 227, 0 | |
| RGB percent | 98.8%, 89.0%, 0.0% | |
| CMYK | 0, 10, 100, 1 | |
| HSL | 54, 100%, 49% | |
| HSV | 54, 100%, 99% | |
| LAB | 89.7, -9.2, 89.0 | |
| LCH | 89.7, 89.5, 95.9 | |
| Decimal | 16573184 |
Code snippets
| CSS variable | --pantone-102-c: #FCE300; | |
|---|---|---|
| CSS color | color: #FCE300; | |
| Tailwind | 'pantone-102-c': '#FCE300' | |
| SwiftUI | Color(red: 0.988, green: 0.890, blue: 0.000) | |
| Android XML | <color name="pantone_102_c">#FCE300</color> | |
| Flutter | Color(0xFFFCE300) | |
| JSON | {"slug":"102-c","name":"102 C","hex":"#FCE300"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 102 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 102 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Accessibility
The best text color on 102 C is black, with a contrast ratio of 16.13: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 |
|---|---|---|---|---|
| #FCE300 on white | 1.30:1 | Fail | Fail | Fail |
| #FCE300 on black | 16.13:1 | Pass | Pass | Pass |
| White on #FCE300 | 1.30:1 | Fail | Fail | Fail |
| Black on #FCE300 | 16.13: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 102 C
16.13:1
102 C on white
1.30:1
102 C on near black
14.50:1
Printing and Pantone matching
102 C is built here as C0 M10 Y100 K1. 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 M10 Y100 K1 |
|---|---|
| Total ink | 111% |
| 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 102 C
What is the HEX code for Pantone 102 C?
HEX #FCE300, equivalent to RGB 252, 227, 0. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 102 C?
A process build of C0 M10 Y100 K1. 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 102 C a warm or cool color?
It is a warm color, medium and vivid, with a hue of 54 degrees.
What text color works on Pantone 102 C?
Use black text. It gives a contrast ratio of 16.13:1, passing WCAG AA for body text.