Couleur nommée la plus proche · #050A18
#050A18
Couleur nommée la plus proche: Midnight Edition
#050A18 (rgb(5 10 24), hsl(224 66% 6%), oklch(0.148 0.032 265.1)) est la plus proche de la couleur nommée Midnight Edition. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#050A18
oklch(0.148 0.032 265.1)
Conversions de couleur
- HEX
- #050a18
- RGB
- rgb(5 10 24)
- HSL
- hsl(224 66% 6%)
- HWB
- hwb(224 2% 91%)
- OKLCH
- oklch(0.148 0.032 265.1)
- OKLab
- oklab(0.148 -0.003 -0.032)
- CIE Lab
- lab(2.77 0.73 -8.13)
- LCH
- lch(2.77 8.16 275.1)
- CMYK
- cmyk(79% 58% 0% 91%)
Teintes · Ombres · Tons
Teintes
- 171D2B
- 2C3240
- 434955
- 5B606B
- 747982
- 8E929A
- A9ACB2
- C5C7CB
- E2E3E5
Ombres
- 040713
- 03050F
- 02030A
- 010207
- 010104
- 000102
- 000001
- 000000
- 000000
Tons
- 0E1421
- 191F2B
- 242A35
- 30353F
- 3D4149
- 494D54
- 57595F
- 64666A
- 727375
Harmonies de couleurs
Complémentaire +180°
- 050A18
Midnight Edition
- 100900
≈ Blackout
Analogue -30° +30°
- 050A18
Midnight Edition
- 000C16
≈ Black Knight
- 0C0817
≈ Not Tonight
Triadique +120° +240°
- 050A18
Midnight Edition
- 160505
≈ Knight Rider
- 030E04
≈ Blackn’t
Complémentaire divisée +150° +210°
- 050A18
Midnight Edition
- 150701
≈ Soy Sauce
- 0A0C00
≈ Whiten’t
Tétradique +90° +180° +270°
- 050A18
Midnight Edition
- 15050B
≈ Noir Fiction
- 100900
≈ Blackout
- 000E0A
≈ Alpine Salamander
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.75:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.06:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.75:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--midnight-edition: #050a18;
--midnight-edition-rgb: 5 10 24;
--midnight-edition-oklch: oklch(0.148 0.032 265.1);
}
.element {
color: var(--midnight-edition);
background-color: hsl(224 66% 6%);
border-color: oklch(0.148 0.032 265.1);
}Tailwind CSS v4
@theme {
--color-midnight-edition: #050a18;
--color-midnight-edition-50: #f1f5ff;
--color-midnight-edition-100: #e3e8f3;
--color-midnight-edition-200: #ced4e2;
--color-midnight-edition-300: #b0b7c8;
--color-midnight-edition-400: #959fb2;
--color-midnight-edition-500: #7c869c;
--color-midnight-edition-600: #697284;
--color-midnight-edition-700: #545b6a;
--color-midnight-edition-800: #3d434e;
--color-midnight-edition-900: #2a2e36;
--color-midnight-edition-950: #171b21;
}SCSS
$midnight-edition: #050a18;
$midnight-edition-rgb: 5, 10, 24;
$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);
}