Huebook

Sinister Analogous Color Scheme

Five colors arranged by the analogous rule around Sinister (#12110E), each snapped to its nearest named color.

#130D0D
#130D0D
#12110E
#12110E
#0F180A

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Optophobia#130D0D19, 13, 130°, 19%, 6%0, 32, 32, 9316.7% 0.010 18
Optophobia#130D0D19, 13, 130°, 19%, 6%0, 32, 32, 9316.7% 0.010 18
Sinister#12110E18, 17, 1445°, 13%, 6%0, 6, 22, 9317.8% 0.006 92
Sinister#12110E18, 17, 1445°, 13%, 6%0, 6, 22, 9317.8% 0.006 92
Pinch of Pepper#0F180A15, 24, 1099°, 41%, 7%37, 0, 58, 9119.5% 0.030 135

Which pairs work for text

Text on backgroundContrastWCAG
Aa #130D0D on #0F180A1.06:1—
Aa #130D0D on #0F180A1.06:1—
Aa #12110E on #0F180A1.04:1—
Aa #12110E on #0F180A1.04:1—
Aa #130D0D on #12110E1.02:1—
Aa #130D0D on #12110E1.02:1—

CSS variables

:root {
  --color-1: #130d0d; /* Optophobia */
  --color-2: #130d0d; /* Optophobia */
  --color-3: #12110e; /* Sinister */
  --color-4: #12110e; /* Sinister */
  --color-5: #0f180a; /* Pinch of Pepper */
}

Other schemes from Sinister

More very dark yellow analogous color schemes

Questions

What colors go with Sinister?

In a analogous scheme: Optophobia (#130D0D), Optophobia (#130D0D), Pinch of Pepper (#0F180A).

What is the hex code of Sinister?

#12110E.