#2F5476 - Heavy Blue
Hex color #2F5476 is called Heavy Blue. It consists of 18% red, 33% green, and 46% blue in RGB color space. In CMYK it is 60% cyan, 29% magenta, 0% yellow, and 54% black. In HSL it is 209° hue, 43% saturation, and 32% 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 | #2F5476 | #2F5476 |
| HEXA | #2F5476FF | #2F5476FF |
| RGB | 47, 84, 118 | rgb(47, 84, 118) |
| RGBA | 47, 84, 118, 1 | rgba(47, 84, 118, 1) |
| HSL | 209%, 43%, 32% | hsl(209%, 43%, 32%) |
| CMYK | 60%, 29%, 0%, 54% | cmyk(60%, 29%, 0%, 54%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 32% (dark) | — |
Negative color
The color opposite to #2F5476 is #D0AB89.
Preview on black and white
As #2F5476 has 32% lightness, this color is dark, so it has more contrast with white.
#2F5476 On White Background
#2F5476
#2F5476
Text Color
This is how text looks with this color.
#2F5476 On Black Background
#2F5476
#2F5476
Text Color
This is how text looks with this color.
Transform color
47, 84, 118rgb(47, 84, 118)