Named color · #204652
Moscow Midnight
Moscow Midnight is #204652: rgb(32 70 82), hsl(194 44% 22%), oklch(0.372 0.048 221). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Moscow Midnight color name →
#204652
oklch(0.372 0.048 221)
Color conversions
- HEX
- #204652
- RGB
- rgb(32 70 82)
- HSL
- hsl(194 44% 22%)
- HWB
- hwb(194 13% 68%)
- OKLCH
- oklch(0.372 0.048 221)
- OKLab
- oklab(0.372 -0.036 -0.031)
- CIE Lab
- lab(27.36 -11.04 -11.58)
- LCH
- lch(27.36 16 226.4)
- CMYK
- cmyk(61% 15% 0% 68%)
Tints · Shades · Tones
Tints
- 355762
- 4A6872
- 5F7982
- 758B93
- 8B9EA5
- A1B1B6
- B8C4C8
- CFD7DA
- E7EBEC
Shades
- 1A3C46
- 15323B
- 0F282F
- 0A1E25
- 06151A
- 030D11
- 010508
- 000202
- 000000
Tones
- 2A4C57
- 34515B
- 3E5760
- 475D64
- 516369
- 5A686D
- 646E72
- 6D7477
- 767A7B
Color harmonies
Complementary +180°
- 204652
Moscow Midnight
- 56382C
≈ Terra Brun
Analogous -30° +30°
- 204652
Moscow Midnight
- 1D4846
≈ Prestige Green
- 2D4259
≈ Pi
Triadic +120° +240°
- 204652
Moscow Midnight
- 523648
≈ Noble Hatter’s Violet
- 464122
≈ Strong Tone Wash
Split-complementary +150° +210°
- 204652
Moscow Midnight
- 56363A
≈ Port Glow
- 503C23
≈ Witch’s Cottage
Tetradic +90° +180° +270°
- 204652
Moscow Midnight
- 483953
≈ Gothic Grape
- 56382C
≈ Terra Brun
- 37452B
≈ Palm Leaf
Contrast & accessibility
Ag
AAAOn white
WCAG 10.19:1 · APCA Lc 94
Ag
FailOn black
WCAG 2.05:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.19:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--moscow-midnight: #204652;
--moscow-midnight-rgb: 32 70 82;
--moscow-midnight-oklch: oklch(0.372 0.048 221);
}
.element {
color: var(--moscow-midnight);
background-color: hsl(194 44% 22%);
border-color: oklch(0.372 0.048 221);
}Tailwind CSS v4
@theme {
--color-moscow-midnight: #204652;
--color-moscow-midnight-50: #e7f9ff;
--color-moscow-midnight-100: #d8ecf4;
--color-moscow-midnight-200: #bfd9e3;
--color-moscow-midnight-300: #9ebdc9;
--color-moscow-midnight-400: #80a5b2;
--color-moscow-midnight-500: #628e9d;
--color-moscow-midnight-600: #547884;
--color-moscow-midnight-700: #43606a;
--color-moscow-midnight-800: #2f474e;
--color-moscow-midnight-900: #203136;
--color-moscow-midnight-950: #101d21;
}SCSS
$moscow-midnight: #204652;
$moscow-midnight-rgb: 32, 70, 82;
$moscow-midnight-light: mix(#fff, $moscow-midnight, 20%);
$moscow-midnight-dark: mix(#000, $moscow-midnight, 20%);
.element {
color: $moscow-midnight;
box-shadow: 0 0 0 2px rgba($moscow-midnight, 0.35);
}