304 C
PANTONE 304-C TCX
Pantone 304 C is HEX #9ADBE8, RGB 154, 219, 232, and about CMYK 34, 6, 0, 9. It is a light, moderate cool teal color. The best text color on it is black at 13.67:1.
| Family | Teal |
|---|---|
| Temperature | Cool |
| Lightness | Light |
| Saturation | Moderate |
| Associations | balance, refreshment and clarity |
Color values and code
Values
| HEX | #9ADBE8 | |
|---|---|---|
| HEX without # | 9ADBE8 | |
| RGB | 154, 219, 232 | |
| RGB percent | 60.4%, 85.9%, 91.0% | |
| CMYK | 34, 6, 0, 9 | |
| HSL | 190, 63%, 76% | |
| HSV | 190, 34%, 91% | |
| LAB | 83.6, -17.3, -12.9 | |
| LCH | 83.6, 21.6, 216.7 | |
| Decimal | 10148840 |
Code snippets
| CSS variable | --pantone-304-c: #9ADBE8; | |
|---|---|---|
| CSS color | color: #9ADBE8; | |
| Tailwind | 'pantone-304-c': '#9ADBE8' | |
| SwiftUI | Color(red: 0.604, green: 0.859, blue: 0.910) | |
| Android XML | <color name="pantone_304_c">#9ADBE8</color> | |
| Flutter | Color(0xFF9ADBE8) | |
| JSON | {"slug":"304-c","name":"304 C","hex":"#9ADBE8"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 304 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 304 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 304 C is black, with a contrast ratio of 13.67: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 |
|---|---|---|---|---|
| #9ADBE8 on white | 1.54:1 | Fail | Fail | Fail |
| #9ADBE8 on black | 13.67:1 | Pass | Pass | Pass |
| White on #9ADBE8 | 1.54:1 | Fail | Fail | Fail |
| Black on #9ADBE8 | 13.67: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 304 C
13.67:1
304 C on white
1.54:1
304 C on near black
12.29:1
Printing and Pantone matching
304 C is built here as C34 M6 Y0 K9. 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 | C34 M6 Y0 K9 |
|---|---|
| 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 teal colors
Questions about 304 C
What is the HEX code for Pantone 304 C?
HEX #9ADBE8, equivalent to RGB 154, 219, 232. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 304 C?
A process build of C34 M6 Y0 K9. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone 304 C a warm or cool color?
It is a cool color, light and moderate, with a hue of 190 degrees.
What text color works on Pantone 304 C?
Use black text. It gives a contrast ratio of 13.67:1, passing WCAG AA for body text.