#305A62 - Petro Blue
Hex color #305A62 is called Petro Blue. It consists of 19% red, 35% green, and 38% blue in RGB color space. In CMYK it is 51% cyan, 8% magenta, 0% yellow, and 62% black. In HSL it is 190° hue, 34% saturation, and 29% 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 | Petro Blue | — |
| HEX | #305A62 | #305A62 |
| HEXA | #305A62FF | #305A62FF |
| RGB | 48, 90, 98 | rgb(48, 90, 98) |
| RGBA | 48, 90, 98, 1 | rgba(48, 90, 98, 1) |
| HSL | 190%, 34%, 29% | hsl(190%, 34%, 29%) |
| CMYK | 51%, 8%, 0%, 62% | cmyk(51%, 8%, 0%, 62%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 29% (dark) | — |
Negative color
The color opposite to #305A62 is #CFA59D.
Preview on black and white
As #305A62 has 29% lightness, this color is dark, so it has more contrast with white.
#305A62 On White Background
#305A62
#305A62
Text Color
This is how text looks with this color.
#305A62 On Black Background
#305A62
#305A62
Text Color
This is how text looks with this color.
Transform color
48, 90, 98rgb(48, 90, 98)