3581 C
PANTONE 3581-C TCX
Pantone 3581 C is HEX #22326E, RGB 34, 50, 110, and about CMYK 69, 55, 0, 57. It is a dark, moderate cool blue color. The best text color on it is white at 12.00:1.
| Family | Blue |
|---|---|
| Temperature | Cool |
| Lightness | Dark |
| Saturation | Moderate |
| Associations | trust, stability and focus |
Color values and code
Values
| HEX | #22326E | |
|---|---|---|
| HEX without # | 22326E | |
| RGB | 34, 50, 110 | |
| RGB percent | 13.3%, 19.6%, 43.1% | |
| CMYK | 69, 55, 0, 57 | |
| HSL | 227, 53%, 28% | |
| HSV | 227, 69%, 43% | |
| LAB | 22.8, 15.1, -36.9 | |
| LCH | 22.8, 39.9, 292.2 | |
| Decimal | 2241134 |
Code snippets
| CSS variable | --pantone-3581-c: #22326E; | |
|---|---|---|
| CSS color | color: #22326E; | |
| Tailwind | 'pantone-3581-c': '#22326E' | |
| SwiftUI | Color(red: 0.133, green: 0.196, blue: 0.431) | |
| Android XML | <color name="pantone_3581_c">#22326E</color> | |
| Flutter | Color(0xFF22326E) | |
| JSON | {"slug":"3581-c","name":"3581 C","hex":"#22326E"} |
Shades and tints
Eleven steps from near white to near black. The 500 step is 3581 C. Click a step to copy its HEX.
Color harmonies
Each harmony rotates the hue of 3581 C and returns the nearest Pantone color, with its Delta E.
Complementary
Split-complementary
Analogous
Triadic
Accessibility
The best text color on 3581 C is white, with a contrast ratio of 12.00: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 |
|---|---|---|---|---|
| #22326E on white | 12.00:1 | Pass | Pass | Pass |
| #22326E on black | 1.75:1 | Fail | Fail | Fail |
| White on #22326E | 12.00:1 | Pass | Pass | Pass |
| Black on #22326E | 1.75: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 3581 C
12.00:1
3581 C on white
12.00:1
3581 C on near black
1.57:1
Printing and Pantone matching
3581 C is built here as C69 M55 Y0 K57. 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 | C69 M55 Y0 K57 |
|---|---|
| Total ink | 180% |
| 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 3581 C
What is the HEX code for Pantone 3581 C?
HEX #22326E, equivalent to RGB 34, 50, 110. Pantone defines the color as an ink, so treat HEX as an approximation.
What is the CMYK value of Pantone 3581 C?
A process build of C69 M55 Y0 K57. This color sits in a range that CMYK usually reproduces well, but proof it on your stock.
Is Pantone 3581 C a warm or cool color?
It is a cool color, dark and moderate, with a hue of 227 degrees.
What text color works on Pantone 3581 C?
Use white text. It gives a contrast ratio of 12.00:1, passing WCAG AA for body text.