626 C
PANTONE 626-C TCX
Pantone 626 C is HEX #285C4D, RGB 40, 92, 77, and about CMYK 57, 0, 16, 64. It is a dark, moderate cool teal color. The best text color on it is white at 7.70:1.
| Family | Teal |
|---|---|
| Temperature | Cool |
| Lightness | Dark |
| Saturation | Moderate |
| Associations | balance, refreshment and clarity |
Color values and code
Values
| HEX | #285C4D | |
|---|---|---|
| HEX without # | 285C4D | |
| RGB | 40, 92, 77 | |
| RGB percent | 15.7%, 36.1%, 30.2% | |
| CMYK | 57, 0, 16, 64 | |
| HSL | 163, 39%, 26% | |
| HSV | 163, 57%, 36% | |
| LAB | 35.3, -21.5, 3.4 | |
| LCH | 35.3, 21.8, 171.1 | |
| Decimal | 2645069 |
Code snippets
| CSS variable | --pantone-626-c: #285C4D; | |
|---|---|---|
| CSS color | color: #285C4D; | |
| Tailwind | 'pantone-626-c': '#285C4D' | |
| SwiftUI | Color(red: 0.157, green: 0.361, blue: 0.302) | |
| Android XML | <color name="pantone_626_c">#285C4D</color> | |
| Flutter | Color(0xFF285C4D) | |
| JSON | {"slug":"626-c","name":"626 C","hex":"#285C4D"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 626 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 626 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 626 C is white, with a contrast ratio of 7.70: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 |
|---|---|---|---|---|
| #285C4D on white | 7.70:1 | Pass | Pass | Pass |
| #285C4D on black | 2.73:1 | Fail | Fail | Fail |
| White on #285C4D | 7.70:1 | Pass | Pass | Pass |
| Black on #285C4D | 2.73: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 626 C
7.70:1
626 C on white
7.70:1
626 C on near black
2.45:1
Printing and Pantone matching
626 C is built here as C57 M0 Y16 K64. 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 | C57 M0 Y16 K64 |
|---|---|
| Total ink | 137% |
| 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 626 C
What is the HEX code for Pantone 626 C?
HEX #285C4D, equivalent to RGB 40, 92, 77. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 626 C?
A process build of C57 M0 Y16 K64. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone 626 C a warm or cool color?
It is a cool color, dark and moderate, with a hue of 163 degrees.
What text color works on Pantone 626 C?
Use white text. It gives a contrast ratio of 7.70:1, passing WCAG AA for body text.