Adlandırılmış renk · #415064
December Eve
December Eve, #415064: rgb(65 80 100), hsl(214 21% 32%), oklch(0.427 0.038 255.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · December Eve color name →
#415064
oklch(0.427 0.038 255.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 526072
- 637081
- 758190
- 88929F
- 9BA3AF
- AEB5BE
- C2C7CE
- D6D9DE
- EAECEF
Koyu tonlar
- 374456
- 2E3948
- 252E3B
- 1C242E
- 131A22
- 0B1016
- 05070B
- 010203
- 000000
Gri tonlar
- 475567
- 4D596A
- 535E6D
- 5A636F
- 606872
- 666D75
- 6D7178
- 73767B
- 797B7D
Renk uyumları
Tamamlayıcı +180°
- 415064
December Eve
- 5B4C37
≈ Beggar
Analog -30° +30°
- 415064
December Eve
- 38535F
≈ Opera Glasses
- 4D4C63
≈ Legendary Purple
Üçlü +120° +240°
- 415064
December Eve
- 624648
≈ Purple Earth
- 46543F
≈ Castellan Green
Bölünmüş tamamlayıcı +150° +210°
- 415064
December Eve
- 61483D
≈ Warm Brownie
- 515038
≈ Panda
Dörtlü +90° +180° +270°
- 415064
December Eve
- 5F4753
≈ Plummy Rouge
- 5B4C37
≈ Beggar
- 3A564A
≈ Leprechaun Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.21:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.55:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}