#2C5572 - Heavy Blue
Hex color #2C5572 is called Heavy Blue. It consists of 17% red, 33% green, and 45% blue in RGB color space. In CMYK it is 61% cyan, 25% magenta, 0% yellow, and 55% black. In HSL it is 205° hue, 44% saturation, and 31% 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 | Heavy Blue | — |
| HEX | #2C5572 | #2C5572 |
| HEXA | #2C5572FF | #2C5572FF |
| RGB | 44, 85, 114 | rgb(44, 85, 114) |
| RGBA | 44, 85, 114, 1 | rgba(44, 85, 114, 1) |
| HSL | 205%, 44%, 31% | hsl(205%, 44%, 31%) |
| CMYK | 61%, 25%, 0%, 55% | cmyk(61%, 25%, 0%, 55%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 31% (dark) | — |
Negative color
The color opposite to #2C5572 is #D3AA8D.
Preview on black and white
As #2C5572 has 31% lightness, this color is dark, so it has more contrast with white.
#2C5572 On White Background
#2C5572
#2C5572
Text Color
This is how text looks with this color.
#2C5572 On Black Background
#2C5572
#2C5572
Text Color
This is how text looks with this color.
Transform color
44, 85, 114rgb(44, 85, 114)