311 C
PANTONE 311-C TCX
Pantone 311 C is HEX #05C3DD, RGB 5, 195, 221, and about CMYK 98, 12, 0, 13. It is a dark, vivid cool teal color. The best text color on it is black at 9.86:1.
| Family | Teal |
|---|---|
| Temperature | Cool |
| Lightness | Dark |
| Saturation | Vivid |
| Associations | balance, refreshment and clarity |
Color values and code
Values
| HEX | #05C3DD | |
|---|---|---|
| HEX without # | 05C3DD | |
| RGB | 5, 195, 221 | |
| RGB percent | 2.0%, 76.5%, 86.7% | |
| CMYK | 98, 12, 0, 13 | |
| HSL | 187, 96%, 44% | |
| HSV | 187, 98%, 87% | |
| LAB | 72.4, -31.0, -24.4 | |
| LCH | 72.4, 39.4, 218.2 | |
| Decimal | 377821 |
Code snippets
| CSS variable | --pantone-311-c: #05C3DD; | |
|---|---|---|
| CSS color | color: #05C3DD; | |
| Tailwind | 'pantone-311-c': '#05C3DD' | |
| SwiftUI | Color(red: 0.020, green: 0.765, blue: 0.867) | |
| Android XML | <color name="pantone_311_c">#05C3DD</color> | |
| Flutter | Color(0xFF05C3DD) | |
| JSON | {"slug":"311-c","name":"311 C","hex":"#05C3DD"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 311 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 311 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Accessibility
The best text color on 311 C is black, with a contrast ratio of 9.86: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 |
|---|---|---|---|---|
| #05C3DD on white | 2.13:1 | Fail | Fail | Fail |
| #05C3DD on black | 9.86:1 | Pass | Pass | Pass |
| White on #05C3DD | 2.13:1 | Fail | Fail | Fail |
| Black on #05C3DD | 9.86: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 311 C
9.86:1
311 C on white
2.13:1
311 C on near black
8.86:1
Printing and Pantone matching
311 C is built here as C98 M12 Y0 K13. 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 | C98 M12 Y0 K13 |
|---|---|
| Total ink | 123% |
| 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 311 C
What is the HEX code for Pantone 311 C?
HEX #05C3DD, equivalent to RGB 5, 195, 221. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 311 C?
A process build of C98 M12 Y0 K13. 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 311 C a warm or cool color?
It is a cool color, dark and vivid, with a hue of 187 degrees.
What text color works on Pantone 311 C?
Use black text. It gives a contrast ratio of 9.86:1, passing WCAG AA for body text.