284 C
PANTONE 284-C TCX
Pantone 284 C is HEX #6CACE4, RGB 108, 172, 228, and about CMYK 53, 25, 0, 11. It is a light, moderate cool blue color. The best text color on it is black at 8.66:1.
| Family | Blue |
|---|---|
| Temperature | Cool |
| Lightness | Light |
| Saturation | Moderate |
| Associations | trust, stability and focus |
Color values and code
Values
| HEX | #6CACE4 | |
|---|---|---|
| HEX without # | 6CACE4 | |
| RGB | 108, 172, 228 | |
| RGB percent | 42.4%, 67.5%, 89.4% | |
| CMYK | 53, 25, 0, 11 | |
| HSL | 208, 69%, 66% | |
| HSV | 208, 53%, 89% | |
| LAB | 68.2, -4.9, -34.4 | |
| LCH | 68.2, 34.8, 261.9 | |
| Decimal | 7122148 |
Code snippets
| CSS variable | --pantone-284-c: #6CACE4; | |
|---|---|---|
| CSS color | color: #6CACE4; | |
| Tailwind | 'pantone-284-c': '#6CACE4' | |
| SwiftUI | Color(red: 0.424, green: 0.675, blue: 0.894) | |
| Android XML | <color name="pantone_284_c">#6CACE4</color> | |
| Flutter | Color(0xFF6CACE4) | |
| JSON | {"slug":"284-c","name":"284 C","hex":"#6CACE4"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 284 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 284 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 284 C is black, with a contrast ratio of 8.66: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 |
|---|---|---|---|---|
| #6CACE4 on white | 2.43:1 | Fail | Fail | Fail |
| #6CACE4 on black | 8.66:1 | Pass | Pass | Pass |
| White on #6CACE4 | 2.43:1 | Fail | Fail | Fail |
| Black on #6CACE4 | 8.66: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 284 C
8.66:1
284 C on white
2.43:1
284 C on near black
7.79:1
Printing and Pantone matching
284 C is built here as C53 M25 Y0 K11. 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 | C53 M25 Y0 K11 |
|---|---|
| Total ink | 88% |
| 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 284 C
What is the HEX code for Pantone 284 C?
HEX #6CACE4, equivalent to RGB 108, 172, 228. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 284 C?
A process build of C53 M25 Y0 K11. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone 284 C a warm or cool color?
It is a cool color, light and moderate, with a hue of 208 degrees.
What text color works on Pantone 284 C?
Use black text. It gives a contrast ratio of 8.66:1, passing WCAG AA for body text.