Named color · #2E3749
German Liquorice
German Liquorice is #2E3749: rgb(46 55 73), hsl(220 23% 23%), oklch(0.336 0.034 264). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · German Liquorice color name →
#2E3749
oklch(0.336 0.034 264)
Color conversions
- HEX
- #2e3749
- RGB
- rgb(46 55 73)
- HSL
- hsl(220 23% 23%)
- HWB
- hwb(220 18% 71%)
- OKLCH
- oklch(0.336 0.034 264)
- OKLab
- oklab(0.336 -0.004 -0.034)
- CIE Lab
- lab(22.83 -0.01 -12.47)
- LCH
- lch(22.83 12.47 270)
- CMYK
- cmyk(37% 25% 0% 71%)
Tints · Shades · Tones
Tints
- 404959
- 535B6A
- 666E7C
- 7B818D
- 8F95A0
- A5A9B2
- BBBEC5
- D1D3D8
- E8E9EB
Shades
- 272E3E
- 1F2634
- 181E2A
- 121620
- 0B0F17
- 06080E
- 020306
- 010102
- 000000
Tones
- 363E4E
- 3D4554
- 454C59
- 4D535F
- 555A64
- 5E626A
- 66696F
- 6F7175
- 77787A
Color harmonies
Complementary +180°
- 2E3749
German Liquorice
- 3F3622
≈ Mikado
Analogous -30° +30°
- 2E3749
German Liquorice
- 253A46
≈ Adept
- 383447
≈ Plush
Triadic +120° +240°
- 2E3749
German Liquorice
- 47302E
≈ Benikeshinezumi Purple
- 2C3C2C
≈ Celtic
Split-complementary +150° +210°
- 2E3749
German Liquorice
- 453226
≈ Slugger
- 373925
≈ El Paso
Tetradic +90° +180° +270°
- 2E3749
German Liquorice
- 453038
≈ Barossa
- 3F3622
≈ Mikado
- 243D36
≈ Pine Grove
Contrast & accessibility
Ag
AAAOn white
WCAG 11.93:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.75:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.93:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--german-liquorice: #2e3749;
--german-liquorice-rgb: 46 55 73;
--german-liquorice-oklch: oklch(0.336 0.034 264);
}
.element {
color: var(--german-liquorice);
background-color: hsl(220 23% 23%);
border-color: oklch(0.336 0.034 264);
}Tailwind CSS v4
@theme {
--color-german-liquorice: #2e3749;
--color-german-liquorice-50: #f0f5ff;
--color-german-liquorice-100: #e2e8f4;
--color-german-liquorice-200: #cdd4e3;
--color-german-liquorice-300: #afb7ca;
--color-german-liquorice-400: #949fb3;
--color-german-liquorice-500: #7b869e;
--color-german-liquorice-600: #687285;
--color-german-liquorice-700: #535b6b;
--color-german-liquorice-800: #3c434f;
--color-german-liquorice-900: #292e37;
--color-german-liquorice-950: #171b21;
}SCSS
$german-liquorice: #2e3749;
$german-liquorice-rgb: 46, 55, 73;
$german-liquorice-light: mix(#fff, $german-liquorice, 20%);
$german-liquorice-dark: mix(#000, $german-liquorice, 20%);
.element {
color: $german-liquorice;
box-shadow: 0 0 0 2px rgba($german-liquorice, 0.35);
}