6222 C
PANTONE 6222-C TCX
Pantone 6222 C is HEX #5F6E77, RGB 95, 110, 119, and about CMYK 20, 8, 0, 53. It is a dark, neutral neutral blue color. The best text color on it is white at 5.27:1.
| Family | Blue |
|---|---|
| Temperature | Neutral |
| Lightness | Dark |
| Saturation | Neutral |
| Associations | trust, stability and focus |
Color values and code
Values
| HEX | #5F6E77 | |
|---|---|---|
| HEX without # | 5F6E77 | |
| RGB | 95, 110, 119 | |
| RGB percent | 37.3%, 43.1%, 46.7% | |
| CMYK | 20, 8, 0, 53 | |
| HSL | 203, 11%, 42% | |
| HSV | 203, 20%, 47% | |
| LAB | 45.5, -3.5, -6.9 | |
| LCH | 45.5, 7.7, 243.1 | |
| Decimal | 6254199 |
Code snippets
| CSS variable | --pantone-6222-c: #5F6E77; | |
|---|---|---|
| CSS color | color: #5F6E77; | |
| Tailwind | 'pantone-6222-c': '#5F6E77' | |
| SwiftUI | Color(red: 0.373, green: 0.431, blue: 0.467) | |
| Android XML | <color name="pantone_6222_c">#5F6E77</color> | |
| Flutter | Color(0xFF5F6E77) | |
| JSON | {"slug":"6222-c","name":"6222 C","hex":"#5F6E77"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 6222 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 6222 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 6222 C is white, with a contrast ratio of 5.27: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 |
|---|---|---|---|---|
| #5F6E77 on white | 5.27:1 | Pass | Pass | Fail |
| #5F6E77 on black | 3.98:1 | Fail | Pass | Fail |
| White on #5F6E77 | 5.27:1 | Pass | Pass | Fail |
| Black on #5F6E77 | 3.98:1 | Fail | Pass | Fail |
Color vision simulation
Approximate simulations of how the color may look with common types of color blindness.
In use
Text on 6222 C
5.27:1
6222 C on white
5.27:1
6222 C on near black
3.58:1
Printing and Pantone matching
6222 C is built here as C20 M8 Y0 K53. 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 | C20 M8 Y0 K53 |
|---|---|
| Total ink | 81% |
| 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 6222 C
What is the HEX code for Pantone 6222 C?
HEX #5F6E77, equivalent to RGB 95, 110, 119. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 6222 C?
A process build of C20 M8 Y0 K53. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone 6222 C a warm or cool color?
It is a neutral color, dark and neutral, with a hue of 203 degrees.
What text color works on Pantone 6222 C?
Use white text. It gives a contrast ratio of 5.27:1, passing WCAG AA for body text.