En yakın adlandırılmış renk · #080F19
#080F19
En yakın adlandırılmış renk: Midnight Edition
#080F19 (rgb(8 15 25), hsl(215 52% 6%), oklch(0.167 0.024 256.9)) en çok Midnight Edition adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#080F19
oklch(0.167 0.024 256.9)
Renk dönüşümleri
- HEX
- #080f19
- RGB
- rgb(8 15 25)
- HSL
- hsl(215 52% 6%)
- HWB
- hwb(215 3% 90%)
- OKLCH
- oklch(0.167 0.024 256.9)
- OKLab
- oklab(0.167 -0.005 -0.023)
- CIE Lab
- lab(4.11 -0.41 -6.95)
- LCH
- lch(4.11 6.96 266.6)
- CMYK
- cmyk(68% 40% 0% 90%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1B222C
- 303740
- 464D55
- 5E646C
- 777C83
- 90959A
- ABAEB2
- C6C8CB
- E2E3E5
Koyu tonlar
- 060B14
- 040810
- 03050B
- 020307
- 010204
- 010102
- 000001
- 000000
- 000000
Gri tonlar
- 121922
- 1D232C
- 282D35
- 33383F
- 3F444A
- 4C4F54
- 585B5F
- 65676A
- 727375
Renk uyumları
Tamamlayıcı +180°
- 080F19
Midnight Edition
- 150D04
≈ Balsamico
Analog -30° +30°
- 080F19
Midnight Edition
- 041117
≈ Black Glaze
- 0E0D19
≈ Nyctophobia
Üçlü +120° +240°
- 080F19
Midnight Edition
- 180A0B
≈ Optophobia
- 0A1107
≈ Jedi Night
Bölünmüş tamamlayıcı +150° +210°
- 080F19
Midnight Edition
- 170B06
≈ Asphalt
- 100F04
≈ Balsam of Peru
Dörtlü +90° +180° +270°
- 080F19
Midnight Edition
- 160A11
≈ Noir Fiction
- 150D04
≈ Balsamico
- 04120C
≈ Jedi Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 19.21:1 · APCA Lc 106
Ag
FailSiyah üzerinde
WCAG 1.09:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 19.21:1 (AAA) · APCA Lc 106
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-edition: #080f19;
--midnight-edition-rgb: 8 15 25;
--midnight-edition-oklch: oklch(0.167 0.024 256.9);
}
.element {
color: var(--midnight-edition);
background-color: hsl(215 52% 6%);
border-color: oklch(0.167 0.024 256.9);
}Tailwind CSS v4
@theme {
--color-midnight-edition: #080f19;
--color-midnight-edition-50: #f1f5fc;
--color-midnight-edition-100: #e3e8f0;
--color-midnight-edition-200: #ced5df;
--color-midnight-edition-300: #b0b8c4;
--color-midnight-edition-400: #969fad;
--color-midnight-edition-500: #7c8796;
--color-midnight-edition-600: #69727f;
--color-midnight-edition-700: #545b66;
--color-midnight-edition-800: #3d434b;
--color-midnight-edition-900: #2a2e34;
--color-midnight-edition-950: #171b1f;
}SCSS
$midnight-edition: #080f19;
$midnight-edition-rgb: 8, 15, 25;
$midnight-edition-light: mix(#fff, $midnight-edition, 20%);
$midnight-edition-dark: mix(#000, $midnight-edition, 20%);
.element {
color: $midnight-edition;
box-shadow: 0 0 0 2px rgba($midnight-edition, 0.35);
}