Cinder Complementary Color Scheme

Five colors arranged by the complementary rule around Cinder (#242A2E), each snapped to its nearest named color.

#242A2E

#435A6F

#35281E

#130D0D

#745947

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cinder	`#242A2E`	36, 42, 46	204°, 12%, 16%	22, 9, 0, 82
Infinite Deep Sea	`#435A6F`	67, 90, 111	209°, 25%, 35%	40, 19, 0, 56
Cocoa Brown	`#35281E`	53, 40, 30	26°, 28%, 16%	0, 25, 43, 79
Optophobia	`#130D0D`	19, 13, 13	0°, 19%, 6%	0, 32, 32, 93
Old Porch	`#745947`	116, 89, 71	24°, 24%, 37%	0, 23, 39, 55

Which pairs work for text

Text on background	Contrast	WCAG
Aa #130D0D on #745947	2.99:1	—
Aa #435A6F on #130D0D	2.69:1	—
Aa #242A2E on #745947	2.26:1	—
Aa #35281E on #745947	2.21:1	—
Aa #242A2E on #435A6F	2.03:1	—
Aa #435A6F on #35281E	1.99:1	—

CSS variables

:root {
  --color-1: #242a2e; /* Cinder */
  --color-2: #435a6f; /* Infinite Deep Sea */
  --color-3: #35281e; /* Cocoa Brown */
  --color-4: #130d0d; /* Optophobia */
  --color-5: #745947; /* Old Porch */
}

Other schemes from Cinder

More Very Dark Blue complementary palettes

Questions

What colors go with Cinder?

In a complementary scheme: Infinite Deep Sea (#435A6F), Cocoa Brown (#35281E), Optophobia (#130D0D), Old Porch (#745947).

What is the hex code of Cinder?

#242A2E.