309 C
PANTONE 309-C TCX
Pantone 309 C is HEX #003B49, RGB 0, 59, 73, and about CMYK 100, 19, 0, 71. It is a very dark, vivid cool teal color. The best text color on it is white at 12.20:1.
| Family | Teal |
|---|---|
| Temperature | Cool |
| Lightness | Very dark |
| Saturation | Vivid |
| Associations | balance, refreshment and clarity |
Color values and code
Values
| HEX | #003B49 | |
|---|---|---|
| HEX without # | 003B49 | |
| RGB | 0, 59, 73 | |
| RGB percent | 0.0%, 23.1%, 28.6% | |
| CMYK | 100, 19, 0, 71 | |
| HSL | 192, 100%, 14% | |
| HSV | 192, 100%, 29% | |
| LAB | 22.3, -11.4, -13.5 | |
| LCH | 22.3, 17.7, 229.7 | |
| Decimal | 15177 |
Code snippets
| CSS variable | --pantone-309-c: #003B49; | |
|---|---|---|
| CSS color | color: #003B49; | |
| Tailwind | 'pantone-309-c': '#003B49' | |
| SwiftUI | Color(red: 0.000, green: 0.231, blue: 0.286) | |
| Android XML | <color name="pantone_309_c">#003B49</color> | |
| Flutter | Color(0xFF003B49) | |
| JSON | {"slug":"309-c","name":"309 C","hex":"#003B49"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 309 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 309 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 309 C is white, with a contrast ratio of 12.20: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 |
|---|---|---|---|---|
| #003B49 on white | 12.20:1 | Pass | Pass | Pass |
| #003B49 on black | 1.72:1 | Fail | Fail | Fail |
| White on #003B49 | 12.20:1 | Pass | Pass | Pass |
| Black on #003B49 | 1.72:1 | Fail | Fail | Fail |
Color vision simulation
Approximate simulations of how the color may look with common types of color blindness.
In use
Text on 309 C
12.20:1
309 C on white
12.20:1
309 C on near black
1.55:1
Printing and Pantone matching
309 C is built here as C100 M19 Y0 K71. 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 | C100 M19 Y0 K71 |
|---|---|
| Total ink | 191% |
| 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 309 C
What is the HEX code for Pantone 309 C?
HEX #003B49, equivalent to RGB 0, 59, 73. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 309 C?
A process build of C100 M19 Y0 K71. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone 309 C a warm or cool color?
It is a cool color, very dark and vivid, with a hue of 192 degrees.
What text color works on Pantone 309 C?
Use white text. It gives a contrast ratio of 12.20:1, passing WCAG AA for body text.