660 C
PANTONE 660 C COATED
Pantone 660 C is HEX #407EC9, RGB 64, 126, 201, and about CMYK 68, 37, 0, 21. It is a medium, moderate cool blue color. The best text color on it is black at 5.05:1.
| Family | Blue |
|---|---|
| Temperature | Cool |
| Lightness | Medium |
| Saturation | Moderate |
| Associations | trust, stability and focus |
Color values and code
Values
| HEX | #407EC9 | |
|---|---|---|
| HEX without # | 407EC9 | |
| RGB | 64, 126, 201 | |
| RGB percent | 25.1%, 49.4%, 78.8% | |
| CMYK | 68, 37, 0, 21 | |
| HSL | 213, 56%, 52% | |
| HSV | 213, 68%, 79% | |
| LAB | 52.1, 4.5, -44.8 | |
| LCH | 52.1, 45.0, 275.7 | |
| Decimal | 4226761 |
Code snippets
| CSS variable | --pantone-660-c: #407EC9; | |
|---|---|---|
| CSS color | color: #407EC9; | |
| Tailwind | 'pantone-660-c': '#407EC9' | |
| SwiftUI | Color(red: 0.251, green: 0.494, blue: 0.788) | |
| Android XML | <color name="pantone_660_c">#407EC9</color> | |
| Flutter | Color(0xFF407EC9) | |
| JSON | {"slug":"660-c","name":"660 C","hex":"#407EC9"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 660 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 660 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Accessibility
The best text color on 660 C is black, with a contrast ratio of 5.05: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 |
|---|---|---|---|---|
| #407EC9 on white | 4.16:1 | Fail | Pass | Fail |
| #407EC9 on black | 5.05:1 | Pass | Pass | Fail |
| White on #407EC9 | 4.16:1 | Fail | Pass | Fail |
| Black on #407EC9 | 5.05: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 660 C
5.05:1
660 C on white
4.16:1
660 C on near black
4.54:1
Printing and Pantone matching
660 C is built here as C68 M37 Y0 K21. 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 | C68 M37 Y0 K21 |
|---|---|
| Total ink | 127% |
| 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 blue colors
Questions about 660 C
What is the HEX code for Pantone 660 C?
HEX #407EC9, equivalent to RGB 64, 126, 201. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 660 C?
A process build of C68 M37 Y0 K21. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone 660 C a warm or cool color?
It is a cool color, medium and moderate, with a hue of 213 degrees.
What text color works on Pantone 660 C?
Use black text. It gives a contrast ratio of 5.05:1, passing WCAG AA for body text.