Benannte Farbe · #415064
December Eve
December Eve ist #415064: rgb(65 80 100), hsl(214 21% 32%), oklch(0.427 0.038 255.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · December Eve color name →
#415064
oklch(0.427 0.038 255.7)
Farbumrechnungen
- HEX
- #415064
- RGB
- rgb(65 80 100)
- HSL
- hsl(214 21% 32%)
- HWB
- hwb(214 25% 61%)
- OKLCH
- oklch(0.427 0.038 255.7)
- OKLab
- oklab(0.427 -0.009 -0.037)
- CIE Lab
- lab(33.35 -1.99 -13.73)
- LCH
- lch(33.35 13.88 261.8)
- CMYK
- cmyk(35% 20% 0% 61%)
Tints · Shades · Tones
Tints
- 526072
- 637081
- 758190
- 88929F
- 9BA3AF
- AEB5BE
- C2C7CE
- D6D9DE
- EAECEF
Shades
- 374456
- 2E3948
- 252E3B
- 1C242E
- 131A22
- 0B1016
- 05070B
- 010203
- 000000
Tones
- 475567
- 4D596A
- 535E6D
- 5A636F
- 606872
- 666D75
- 6D7178
- 73767B
- 797B7D
Farbharmonien
Komplementär +180°
- 415064
December Eve
- 5B4C37
≈ Beggar
Analog -30° +30°
- 415064
December Eve
- 38535F
≈ Opera Glasses
- 4D4C63
≈ Legendary Purple
Triadisch +120° +240°
- 415064
December Eve
- 624648
≈ Purple Earth
- 46543F
≈ Castellan Green
Geteilt komplementär +150° +210°
- 415064
December Eve
- 61483D
≈ Warm Brownie
- 515038
≈ Panda
Tetradisch +90° +180° +270°
- 415064
December Eve
- 5F4753
≈ Plummy Rouge
- 5B4C37
≈ Beggar
- 3A564A
≈ Leprechaun Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.21:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.55:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--december-eve: #415064;
--december-eve-rgb: 65 80 100;
--december-eve-oklch: oklch(0.427 0.038 255.7);
}
.element {
color: var(--december-eve);
background-color: hsl(214 21% 32%);
border-color: oklch(0.427 0.038 255.7);
}Tailwind CSS v4
@theme {
--color-december-eve: #415064;
--color-december-eve-50: #eef6ff;
--color-december-eve-100: #e0e9f5;
--color-december-eve-200: #cad5e5;
--color-december-eve-300: #abb8cb;
--color-december-eve-400: #90a0b5;
--color-december-eve-500: #7688a0;
--color-december-eve-600: #647387;
--color-december-eve-700: #505c6c;
--color-december-eve-800: #394350;
--color-december-eve-900: #272e37;
--color-december-eve-950: #151b22;
}SCSS
$december-eve: #415064;
$december-eve-rgb: 65, 80, 100;
$december-eve-light: mix(#fff, $december-eve, 20%);
$december-eve-dark: mix(#000, $december-eve, 20%);
.element {
color: $december-eve;
box-shadow: 0 0 0 2px rgba($december-eve, 0.35);
}