Petrol color: hex codes, shades and palettes

Palettes built around petrol. Click any swatch to copy its hex code.

A very deep blue-green. Dark enough to substitute for black in a scheme that wants to stay cool, and common in interiors for exactly that reason.

#00567E

#4D769B

#659AD2

#A7BBE7

#146279

#0184BB

#6CA3DC

#A5C5FF

#8BCFD3

#77A4A9

#008690

#2B5C64

#1D566C

#4E7B98

#7AA4C1

#AFCDE9

#408B94

#84DAFF

#7D9AB6

#7888E0

#15576F

#4D7E92

#6AA9C8

#98D3FF

#57D1DD

#21AAC8

#4A8097

#3E5B74

#85D7DF

#55AFC3

#578296

#006084

#6BBFE4

#4B9CC3

#007EA4

#005D79

#116C93

#5286AE

#6CA0E2

#9ABEEF

#86DDFD

#44B3D4

#1887A7

#005C78

#0F71A6

#6791AA

#6FB4EB

#AFD5F1

#19596D

#0683AA

#7AA9BB

#A4D5EB

#93CBCA

#68ACB1

#258E9F

#006C89

#A6D3CC

#00B5C2

#64AAC8

#66A7F4

#8DCBFD

#759FC1

#3E78A3

#0D5180

#8BC9FF

#72AADD

#6C8BA5

#436F95

#266DA6

#7583A5

#979DC4

#BCB8DD

#5F9FA2

#009AB7

#5784A5

#285081

#6DE5E7

#6CB8C4

#0096B8

#276C96

#9AC8CA

#00ABBC

#00809C

#005974

#76BFB9

#8AD0DD

#339CDE

#7F93B4

#6A9C9A

#A5DBE4

#6999B9

#788EB2

#7AD0D2

#99C3D1

#65BDF6

#AEC3F5

Petrol hex, RGB, HSL and OKLCH

#07434F

HEX: #07434F
RGB: rgb(7, 67, 79)
HSL: hsl(190, 84%, 17%)
OKLCH: oklch(35.4% 0.059 215.5)
On white: 10.91:1
On black: 1.92:1

Shades of petrol

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Petrol on white measures 10.91:1 and on black 1.92:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.18:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:seafoam. See every shade on the colors index.

Petrol color: hex codes, shades and palettes

No petrol palettes yet

Petrol hex, RGB, HSL and OKLCH

Shades of petrol

Contrast and readability