Colore con nome più vicino · #0F0E21
#0F0E21
Colore con nome più vicino: Corbeau
#0F0E21 (rgb(15 14 33), hsl(243 40% 9%), oklch(0.177 0.039 284.1)) è più vicino al colore con nome Corbeau. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#0F0E21
oklch(0.177 0.039 284.1)
Conversioni di colore
- HEX
- #0f0e21
- RGB
- rgb(15 14 33)
- HSL
- hsl(243 40% 9%)
- HWB
- hwb(243 5% 87%)
- OKLCH
- oklch(0.177 0.039 284.1)
- OKLab
- oklab(0.177 0.009 -0.037)
- CIE Lab
- lab(4.64 4.04 -12.35)
- LCH
- lch(4.64 12.99 288.1)
- CMYK
- cmyk(55% 58% 0% 87%)
Tinte · Ombre · Toni
Tinte
- 222134
- 363648
- 4C4C5D
- 636372
- 7B7B88
- 94949F
- AEAEB6
- C8C8CE
- E3E3E6
Ombre
- 0B0B1B
- 080716
- 050510
- 03030B
- 020206
- 010103
- 000001
- 000000
- 000000
Toni
- 18182A
- 222233
- 2D2D3C
- 383845
- 43434F
- 4F4F58
- 5B5B62
- 67676C
- 737376
Armonie di colore
Complementare +180°
- 0F0E21
Corbeau
- 141100
≈ Chinese Black
Analogo -30° +30°
- 0F0E21
Corbeau
- 051121
≈ Kuretake Black Manga
- 170B1D
≈ Shot in the Dark
Triadico +120° +240°
- 0F0E21
Corbeau
- 1E0A03
≈ Soy Sauce
- 00160C
≈ Jedi Night
Complementare divisa +150° +210°
- 0F0E21
Corbeau
- 1A0E00
≈ Crowshead
- 091403
≈ Memorial Black
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 19.00:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.10:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 19.00:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--corbeau: #0f0e21;
--corbeau-rgb: 15 14 33;
--corbeau-oklch: oklch(0.177 0.039 284.1);
}
.element {
color: var(--corbeau);
background-color: hsl(243 40% 9%);
border-color: oklch(0.177 0.039 284.1);
}Tailwind CSS v4
@theme {
--color-corbeau: #0f0e21;
--color-corbeau-50: #f4f4ff;
--color-corbeau-100: #e6e6f5;
--color-corbeau-200: #d2d2e4;
--color-corbeau-300: #b5b5cb;
--color-corbeau-400: #9b9cb5;
--color-corbeau-500: #83839f;
--color-corbeau-600: #6f6f87;
--color-corbeau-700: #58596c;
--color-corbeau-800: #404150;
--color-corbeau-900: #2c2d37;
--color-corbeau-950: #191a22;
}SCSS
$corbeau: #0f0e21;
$corbeau-rgb: 15, 14, 33;
$corbeau-light: mix(#fff, $corbeau, 20%);
$corbeau-dark: mix(#000, $corbeau, 20%);
.element {
color: $corbeau;
box-shadow: 0 0 0 2px rgba($corbeau, 0.35);
}