Petrol Slumber Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Petrol Slumber (#243640), each snapped to its nearest named color.

#0F1012

#243640

#435A6F

#5789A5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Petrol Slumber	`#243640`	36, 54, 64	201°, 28%, 20%	44, 16, 0, 75
Infinite Deep Sea	`#435A6F`	67, 90, 111	209°, 25%, 35%	40, 19, 0, 56
Kuta Surf	`#5789A5`	87, 137, 165	202°, 31%, 49%	47, 17, 0, 35

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F1012 on #5789A5	5.01:1	AA
Aa #0F1012 on #5789A5	5.01:1	AA
Aa #243640 on #5789A5	3.30:1	AA large
Aa #0F1012 on #435A6F	2.66:1	—
Aa #0F1012 on #435A6F	2.66:1	—
Aa #435A6F on #5789A5	1.89:1	—

CSS variables

:root {
  --color-1: #0f1012; /* Ruined Smores */
  --color-2: #0f1012; /* Ruined Smores */
  --color-3: #243640; /* Petrol Slumber */
  --color-4: #435a6f; /* Infinite Deep Sea */
  --color-5: #5789a5; /* Kuta Surf */
}

Other schemes from Petrol Slumber

More Very Dark Blue monochromatic palettes

Questions

What colors go with Petrol Slumber?

In a monochromatic scheme: Ruined Smores (#0F1012), Ruined Smores (#0F1012), Infinite Deep Sea (#435A6F), Kuta Surf (#5789A5).

What is the hex code of Petrol Slumber?

#243640.