Petrol blue color: code #005F6A
Petrol blue
#005F6A
Color codes
- HEX
#005F6A - RGB
rgb(0, 95, 106) - HSL
hsl(186, 100%, 21%) - HSV
hsv(186, 100%, 42%) - CMYK
cmyk(100%, 10%, 0%, 58%) - LAB
lab(36.4% -19.5 -13.1) - OKLCH
oklch(44.4% 0.077 208.5)
About the color Petrol blue
Petrol blue has the HEX code #005F6A, which corresponds to rgb(0, 95, 106) in the RGB model. On the color wheel its hue sits at 186°, with 100% saturation and 21% lightness (hsl(186, 100%, 21%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for light text: white reaches a 7.38:1 contrast ratio on it, versus 2.84:1 for black.
For print, the approximate conversion is cmyk(100%, 10%, 0%, 58%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Petrol blue
Complementary
#005F6A · #6B0B00
Analogous
#006B40 · #005F6A · #002B6B
Triadic
#005F6A · #6B0060 · #606B00
Tetradic
#005F6A · #40006B · #6B0B00 · #2B6B00
Split-complementary
#005F6A · #6B002B · #6B4000
Monochromatic
#000000 · #003238 · #005F6A · #00A5B8 · #05E6FF
Petrol blue with white and black text
How to use it in CSS
:root {
--color-petrol-blue: #005F6A;
--color-petrol-blue-rgb: 0, 95, 106;
}
.elemento {
background-color: var(--color-petrol-blue);
color: #FFFFFF;
}