2203 C
PANTONE 2203-C TCX
Pantone 2203 C is HEX #0087AE, RGB 0, 135, 174, and about CMYK 100, 22, 0, 32. It is a dark, vivid cool teal color. The best text color on it is black at 5.08:1.
| Family | Teal |
|---|---|
| Temperature | Cool |
| Lightness | Dark |
| Saturation | Vivid |
| Associations | balance, refreshment and clarity |
Color values and code
Values
| HEX | #0087AE | |
|---|---|---|
| HEX without # | 0087AE | |
| RGB | 0, 135, 174 | |
| RGB percent | 0.0%, 52.9%, 68.2% | |
| CMYK | 100, 22, 0, 32 | |
| HSL | 193, 100%, 34% | |
| HSV | 193, 100%, 68% | |
| LAB | 52.3, -16.4, -29.2 | |
| LCH | 52.3, 33.5, 240.6 | |
| Decimal | 34734 |
Code snippets
| CSS variable | --pantone-2203-c: #0087AE; | |
|---|---|---|
| CSS color | color: #0087AE; | |
| Tailwind | 'pantone-2203-c': '#0087AE' | |
| SwiftUI | Color(red: 0.000, green: 0.529, blue: 0.682) | |
| Android XML | <color name="pantone_2203_c">#0087AE</color> | |
| Flutter | Color(0xFF0087AE) | |
| JSON | {"slug":"2203-c","name":"2203 C","hex":"#0087AE"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 2203 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 2203 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 2203 C is black, with a contrast ratio of 5.08: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 |
|---|---|---|---|---|
| #0087AE on white | 4.14:1 | Fail | Pass | Fail |
| #0087AE on black | 5.08:1 | Pass | Pass | Fail |
| White on #0087AE | 4.14:1 | Fail | Pass | Fail |
| Black on #0087AE | 5.08:1 | Pass | Pass | Fail |
Color vision simulation
Approximate simulations of how the color may look with common types of color blindness.
In use
Text on 2203 C
5.08:1
2203 C on white
4.14:1
2203 C on near black
4.57:1
Printing and Pantone matching
2203 C is built here as C100 M22 Y0 K32. 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 | C100 M22 Y0 K32 |
|---|---|
| Total ink | 154% |
| 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 2203 C
What is the HEX code for Pantone 2203 C?
HEX #0087AE, equivalent to RGB 0, 135, 174. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 2203 C?
A process build of C100 M22 Y0 K32. 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 2203 C a warm or cool color?
It is a cool color, dark and vivid, with a hue of 193 degrees.
What text color works on Pantone 2203 C?
Use black text. It gives a contrast ratio of 5.08:1, passing WCAG AA for body text.