Petrol Slumber Complementary Color Scheme

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

#243640

#45657D

#442D21

#130D0D

#805B48

Color names and codes

Name	HEX	RGB	HSL	CMYK
Petrol Slumber	`#243640`	36, 54, 64	201°, 28%, 20%	44, 16, 0, 75
Real Teal	`#45657D`	69, 101, 125	206°, 29%, 38%	45, 19, 0, 51
Morocco Brown	`#442D21`	68, 45, 33	21°, 35%, 20%	0, 34, 51, 73
Optophobia	`#130D0D`	19, 13, 13	0°, 19%, 6%	0, 32, 32, 93
Spiced Cinnamon	`#805B48`	128, 91, 72	20°, 28%, 39%	0, 29, 44, 50

Which pairs work for text

Text on background	Contrast	WCAG
Aa #130D0D on #805B48	3.22:1	AA large
Aa #45657D on #130D0D	3.13:1	AA large
Aa #442D21 on #805B48	2.13:1	—
Aa #243640 on #805B48	2.09:1	—
Aa #45657D on #442D21	2.08:1	—
Aa #243640 on #45657D	2.03:1	—

CSS variables

:root {
  --color-1: #243640; /* Petrol Slumber */
  --color-2: #45657d; /* Real Teal */
  --color-3: #442d21; /* Morocco Brown */
  --color-4: #130d0d; /* Optophobia */
  --color-5: #805b48; /* Spiced Cinnamon */
}

Other schemes from Petrol Slumber

More Very Dark Blue complementary palettes

Questions

What colors go with Petrol Slumber?

In a complementary scheme: Real Teal (#45657D), Morocco Brown (#442D21), Optophobia (#130D0D), Spiced Cinnamon (#805B48).

What is the hex code of Petrol Slumber?

#243640.