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