#222777 - St. Patrick’s Blue
Hex color #222777 is called St. Patrick’s Blue. It consists of 13% red, 15% green, and 47% blue in RGB color space. In CMYK it is 71% cyan, 67% magenta, 0% yellow, and 53% black. In HSL it is 236° hue, 56% saturation, and 30% lightness (dark) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.
| Property | Value | CSS |
|---|---|---|
| Name | St. Patrick’s Blue | — |
| HEX | #222777 | #222777 |
| HEXA | #222777FF | #222777FF |
| RGB | 34, 39, 119 | rgb(34, 39, 119) |
| RGBA | 34, 39, 119, 1 | rgba(34, 39, 119, 1) |
| HSL | 236%, 56%, 30% | hsl(236%, 56%, 30%) |
| CMYK | 71%, 67%, 0%, 53% | cmyk(71%, 67%, 0%, 53%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 30% (dark) | — |
Negative color
The color opposite to #222777 is #DDD888.
Preview on black and white
As #222777 has 30% lightness, this color is dark, so it has more contrast with white.
#222777 On White Background
#222777
#222777
Text Color
This is how text looks with this color.
#222777 On Black Background
#222777
#222777
Text Color
This is how text looks with this color.
Transform color
34, 39, 119rgb(34, 39, 119)