Colore con nome · #16110D
Black Raspberry
Black Raspberry è #16110D: rgb(22 17 13), hsl(27 26% 7%), oklch(0.182 0.012 60.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Black Raspberry color name →
#16110D
oklch(0.182 0.012 60.7)
Conversioni di colore
- HEX
- #16110d
- RGB
- rgb(22 17 13)
- HSL
- hsl(27 26% 7%)
- HWB
- hwb(27 5% 91%)
- OKLCH
- oklch(0.182 0.012 60.7)
- OKLab
- oklab(0.182 0.006 0.01)
- CIE Lab
- lab(5.46 1.62 2.76)
- LCH
- lch(5.46 3.2 59.5)
- CMYK
- cmyk(0% 23% 41% 91%)
Tinte · Ombre · Toni
Tinte
- 292420
- 3D3835
- 534E4B
- 696562
- 807D7A
- 989593
- B1AFAD
- CAC9C8
- E4E4E3
Ombre
- 120D0A
- 0D0907
- 090605
- 060403
- 030202
- 020101
- 010000
- 000000
- 000000
Toni
- 1F1B17
- 292421
- 332F2C
- 3D3A37
- 484542
- 52504E
- 5E5C5A
- 696766
- 747473
Armonie di colore
Complementare +180°
- 16110D
Black Raspberry
- 0E1317
≈ Black Is Back
Analogo -30° +30°
- 16110D
Black Raspberry
- 17100F
≈ Black Raspberry
- 14120C
≈ Black Raspberry
Triadico +120° +240°
- 16110D
Black Raspberry
- 0D1412
≈ Glimpse Into Space
- 131117
≈ Kettle Black
Complementare divisa +150° +210°
- 16110D
Black Raspberry
- 0C1415
≈ Black Is Back
- 101217
≈ Midnight Edition
Tetradico +90° +180° +270°
- 16110D
Black Raspberry
- 0F140F
≈ Glimpse Into Space
- 0E1317
≈ Black Is Back
- 151015
≈ Sticky Black Tarmac
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.74:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.12:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.74:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--black-raspberry: #16110d;
--black-raspberry-rgb: 22 17 13;
--black-raspberry-oklch: oklch(0.182 0.012 60.7);
}
.element {
color: var(--black-raspberry);
background-color: hsl(27 26% 7%);
border-color: oklch(0.182 0.012 60.7);
}Tailwind CSS v4
@theme {
--color-black-raspberry: #16110d;
--color-black-raspberry-50: #f8f4f2;
--color-black-raspberry-100: #ebe7e4;
--color-black-raspberry-200: #d8d3cf;
--color-black-raspberry-300: #bcb6b1;
--color-black-raspberry-400: #a49d98;
--color-black-raspberry-500: #8c857f;
--color-black-raspberry-600: #77706b;
--color-black-raspberry-700: #5f5a56;
--color-black-raspberry-800: #46413e;
--color-black-raspberry-900: #302d2b;
--color-black-raspberry-950: #1c1a18;
}SCSS
$black-raspberry: #16110d;
$black-raspberry-rgb: 22, 17, 13;
$black-raspberry-light: mix(#fff, $black-raspberry, 20%);
$black-raspberry-dark: mix(#000, $black-raspberry, 20%);
.element {
color: $black-raspberry;
box-shadow: 0 0 0 2px rgba($black-raspberry, 0.35);
}