Colore con nome più vicino · #0F051F
#0F051F
Colore con nome più vicino: Corbeau
#0F051F (rgb(15 5 31), hsl(263 72% 7%), oklch(0.152 0.055 298.4)) è più vicino al colore con nome Corbeau. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#0F051F
oklch(0.152 0.055 298.4)
Conversioni di colore
- HEX
- #0f051f
- RGB
- rgb(15 5 31)
- HSL
- hsl(263 72% 7%)
- HWB
- hwb(263 2% 88%)
- OKLCH
- oklch(0.152 0.055 298.4)
- OKLab
- oklab(0.152 0.026 -0.048)
- CIE Lab
- lab(2.69 7.08 -13.71)
- LCH
- lch(2.69 15.43 297.3)
- CMYK
- cmyk(52% 84% 0% 88%)
Tinte · Ombre · Toni
Tinte
- 221932
- 362E47
- 4C455C
- 635D71
- 7B7688
- 94909E
- AEAAB6
- C8C6CE
- E3E2E6
Ombre
- 0B0419
- 080314
- 05020F
- 03010A
- 020106
- 010003
- 000001
- 000000
- 000000
Toni
- 180F28
- 221B32
- 2D263B
- 383245
- 433E4E
- 4F4B58
- 5A5862
- 67656C
- 737276
Armonie di colore
Complementare +180°
- 0F051F
Corbeau
- 0A0D00
≈ Whiten’t
Analogo -30° +30°
- 0F051F
Corbeau
- 040922
≈ Void
- 170317
≈ Crow
Triadico +120° +240°
- 0F051F
Corbeau
- 160700
≈ Soy Sauce
- 000F0C
≈ Black Glaze
Complementare divisa +150° +210°
- 0F051F
Corbeau
- 110B00
≈ Balsam of Peru
- 001003
≈ Blackn’t
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 19.77:1 · APCA Lc 106
Ag
FailSu nero
WCAG 1.06:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 19.77:1 (AAA) · APCA Lc 106
Contrast pairs
Frammenti di codice
CSS
:root {
--corbeau: #0f051f;
--corbeau-rgb: 15 5 31;
--corbeau-oklch: oklch(0.152 0.055 298.4);
}
.element {
color: var(--corbeau);
background-color: hsl(263 72% 7%);
border-color: oklch(0.152 0.055 298.4);
}Tailwind CSS v4
@theme {
--color-corbeau: #0f051f;
--color-corbeau-50: #f7f2ff;
--color-corbeau-100: #eae4f8;
--color-corbeau-200: #d8cfe9;
--color-corbeau-300: #bbb2d0;
--color-corbeau-400: #a298bb;
--color-corbeau-500: #8a7fa6;
--color-corbeau-600: #756b8c;
--color-corbeau-700: #5e5671;
--color-corbeau-800: #443f53;
--color-corbeau-900: #2f2b3a;
--color-corbeau-950: #1b1824;
}SCSS
$corbeau: #0f051f;
$corbeau-rgb: 15, 5, 31;
$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);
}