Huebook

Night Edition Analogous Color Scheme

Five colors arranged by the analogous rule around Night Edition (#20586D), each snapped to its nearest named color.

#206937
#216957
#20586D
#292D74
#332266

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Camarone#20693732, 105, 55139°, 53%, 27%70, 0, 48, 5946.3% 0.107 150
Forest Rain#21695733, 105, 87165°, 52%, 27%69, 0, 17, 5947.1% 0.077 173
Night Edition#20586D32, 88, 109196°, 55%, 28%71, 19, 0, 5743.3% 0.067 226
Blue Rose#292D7441, 45, 116237°, 48%, 31%65, 61, 0, 5533.9% 0.120 276
Dark Dreams#33226651, 34, 102255°, 50%, 27%50, 67, 0, 6031.5% 0.114 290

Which pairs work for text

Text on backgroundContrastWCAG
Aa #216957 on #3322662.06:1—
Aa #206937 on #3322662.01:1—
Aa #216957 on #292D741.87:1—
Aa #206937 on #292D741.82:1—
Aa #20586D on #3322661.72:1—
Aa #20586D on #292D741.56:1—

CSS variables

:root {
  --color-1: #206937; /* Camarone */
  --color-2: #216957; /* Forest Rain */
  --color-3: #20586d; /* Night Edition */
  --color-4: #292d74; /* Blue Rose */
  --color-5: #332266; /* Dark Dreams */
}

Other schemes from Night Edition

More dark blue analogous color schemes

Questions

What colors go with Night Edition?

In a analogous scheme: Camarone (#206937), Forest Rain (#216957), Blue Rose (#292D74), Dark Dreams (#332266).

What is the hex code of Night Edition?

#20586D.