2421 C
PANTONE 2421-C TCX
Pantone 2421 C is HEX #30B700, RGB 48, 183, 0, and about CMYK 74, 0, 100, 28. It is a dark, vivid cool green color. The best text color on it is black at 7.90:1.
| Family | Green |
|---|---|
| Temperature | Cool |
| Lightness | Dark |
| Saturation | Vivid |
| Associations | growth, health and calm |
Color values and code
Values
| HEX | #30B700 | |
|---|---|---|
| HEX without # | 30B700 | |
| RGB | 48, 183, 0 | |
| RGB percent | 18.8%, 71.8%, 0.0% | |
| CMYK | 74, 0, 100, 28 | |
| HSL | 104, 100%, 36% | |
| HSV | 104, 100%, 72% | |
| LAB | 65.4, -62.7, 65.4 | |
| LCH | 65.4, 90.6, 133.8 | |
| Decimal | 3192576 |
Code snippets
| CSS variable | --pantone-2421-c: #30B700; | |
|---|---|---|
| CSS color | color: #30B700; | |
| Tailwind | 'pantone-2421-c': '#30B700' | |
| SwiftUI | Color(red: 0.188, green: 0.718, blue: 0.000) | |
| Android XML | <color name="pantone_2421_c">#30B700</color> | |
| Flutter | Color(0xFF30B700) | |
| JSON | {"slug":"2421-c","name":"2421 C","hex":"#30B700"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 2421 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 2421 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 2421 C is black, with a contrast ratio of 7.90: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 |
|---|---|---|---|---|
| #30B700 on white | 2.66:1 | Fail | Fail | Fail |
| #30B700 on black | 7.90:1 | Pass | Pass | Pass |
| White on #30B700 | 2.66:1 | Fail | Fail | Fail |
| Black on #30B700 | 7.90: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 2421 C
7.90:1
2421 C on white
2.66:1
2421 C on near black
7.10:1
Printing and Pantone matching
2421 C is built here as C74 M0 Y100 K28. 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 | C74 M0 Y100 K28 |
|---|---|
| Total ink | 202% |
| 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 green colors
Questions about 2421 C
What is the HEX code for Pantone 2421 C?
HEX #30B700, equivalent to RGB 48, 183, 0. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 2421 C?
A process build of C74 M0 Y100 K28. 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 2421 C a warm or cool color?
It is a cool color, dark and vivid, with a hue of 104 degrees.
What text color works on Pantone 2421 C?
Use black text. It gives a contrast ratio of 7.90:1, passing WCAG AA for body text.