Couleur nommée la plus proche · #080F25
#080F25
Couleur nommée la plus proche: Void
#080F25 (rgb(8 15 37), hsl(226 64% 9%), oklch(0.176 0.047 267.9)) est la plus proche de la couleur nommée Void. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#080F25
oklch(0.176 0.047 267.9)
Conversions de couleur
- HEX
- #080f25
- RGB
- rgb(8 15 37)
- HSL
- hsl(226 64% 9%)
- HWB
- hwb(226 3% 85%)
- OKLCH
- oklch(0.176 0.047 267.9)
- OKLab
- oklab(0.176 -0.002 -0.047)
- CIE Lab
- lab(4.59 2.59 -15.53)
- LCH
- lch(4.59 15.74 279.5)
- CMYK
- cmyk(78% 59% 0% 85%)
Teintes · Ombres · Tons
Teintes
- 1B2338
- 30384C
- 464E60
- 5E6575
- 777D8B
- 9095A1
- ABAFB8
- C6C9CF
- E2E4E7
Ombres
- 060B1F
- 040819
- 030513
- 02030D
- 010208
- 010104
- 000002
- 000000
- 000000
Tons
- 12192E
- 1C2436
- 272E3F
- 333948
- 3F4451
- 4B505B
- 585B64
- 65676D
- 727476
Harmonies de couleurs
Complémentaire +180°
- 080F25
Void
- 170F00
≈ Chinese Black
Analogue -30° +30°
Triadique +120° +240°
- 080F25
Void
- 210705
≈ Soy Sauce
- 011605
≈ Oil Slick
Complémentaire divisée +150° +210°
- 080F25
Void
- 1E0B00
≈ Soy Sauce
- 0F1300
≈ Chinese Black
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 18.99:1 · APCA Lc 105
Ag
FailSur noir
WCAG 1.10:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 18.99:1 (AAA) · APCA Lc 105
Contrast pairs
Extraits de code
CSS
:root {
--void: #080f25;
--void-rgb: 8 15 37;
--void-oklch: oklch(0.176 0.047 267.9);
}
.element {
color: var(--void);
background-color: hsl(226 64% 9%);
border-color: oklch(0.176 0.047 267.9);
}Tailwind CSS v4
@theme {
--color-void: #080f25;
--color-void-50: #f0f5ff;
--color-void-100: #e2e8f8;
--color-void-200: #ccd4e9;
--color-void-300: #aeb7d0;
--color-void-400: #929ebb;
--color-void-500: #7986a6;
--color-void-600: #66718c;
--color-void-700: #525a70;
--color-void-800: #3b4253;
--color-void-900: #282e3a;
--color-void-950: #161a24;
}SCSS
$void: #080f25;
$void-rgb: 8, 15, 37;
$void-light: mix(#fff, $void, 20%);
$void-dark: mix(#000, $void, 20%);
.element {
color: $void;
box-shadow: 0 0 0 2px rgba($void, 0.35);
}