Colore con nome più vicino · #0C051A
#0C051A
Colore con nome più vicino: Corbeau
#0C051A (rgb(12 5 26), hsl(260 68% 6%), oklch(0.143 0.046 297)) è più vicino al colore con nome Corbeau. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#0C051A
oklch(0.143 0.046 297)
Conversioni di colore
- HEX
- #0c051a
- RGB
- rgb(12 5 26)
- HSL
- hsl(260 68% 6%)
- HWB
- hwb(260 2% 90%)
- OKLCH
- oklch(0.143 0.046 297)
- OKLab
- oklab(0.143 0.021 -0.041)
- CIE Lab
- lab(2.29 4.94 -10.35)
- LCH
- lch(2.29 11.47 295.5)
- CMYK
- cmyk(54% 81% 0% 90%)
Tinte · Ombre · Toni
Tinte
- 1F182D
- 332D42
- 494457
- 605C6D
- 797584
- 928F9B
- ACAAB4
- C7C6CC
- E3E2E5
Ombre
- 090415
- 060310
- 04020C
- 030107
- 020104
- 010002
- 000001
- 000000
- 000000
Toni
- 150F23
- 201A2D
- 2A2637
- 353141
- 413E4B
- 4D4A55
- 595760
- 66656A
- 737275
Armonie di colore
Complementare +180°
- 0C051A
Corbeau
- 090B00
≈ Whiten’t
Analogo -30° +30°
- 0C051A
Corbeau
- 03081C
≈ Melanophobia
- 130313
≈ Glossy Black
Triadico +120° +240°
- 0C051A
Corbeau
- 140600
≈ Blackout
- 000D09
≈ Alpine Salamander
Complementare divisa +150° +210°
- 0C051A
Corbeau
- 0F0900
≈ Blackout
- 000E02
≈ Blackn’t
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 19.95:1 · APCA Lc 106
Ag
FailSu nero
WCAG 1.05:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 19.95:1 (AAA) · APCA Lc 106
Contrast pairs
Frammenti di codice
CSS
:root {
--corbeau: #0c051a;
--corbeau-rgb: 12 5 26;
--corbeau-oklch: oklch(0.143 0.046 297);
}
.element {
color: var(--corbeau);
background-color: hsl(260 68% 6%);
border-color: oklch(0.143 0.046 297);
}Tailwind CSS v4
@theme {
--color-corbeau: #0c051a;
--color-corbeau-50: #f7f3ff;
--color-corbeau-100: #eae5f6;
--color-corbeau-200: #d7d0e6;
--color-corbeau-300: #bab3cc;
--color-corbeau-400: #a199b7;
--color-corbeau-500: #8980a2;
--color-corbeau-600: #746d88;
--color-corbeau-700: #5d576d;
--color-corbeau-800: #433f51;
--color-corbeau-900: #2e2c38;
--color-corbeau-950: #1b1923;
}SCSS
$corbeau: #0c051a;
$corbeau-rgb: 12, 5, 26;
$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);
}