Colore con nome · #50484A
Black Elegance
Black Elegance è #50484A: rgb(80 72 74), hsl(345 5% 30%), oklch(0.41 0.011 0.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Black Elegance color name →
#50484A
oklch(0.41 0.011 0.6)
Conversioni di colore
- HEX
- #50484a
- RGB
- rgb(80 72 74)
- HSL
- hsl(345 5% 30%)
- HWB
- hwb(345 28% 69%)
- OKLCH
- oklch(0.41 0.011 0.6)
- OKLab
- oklab(0.41 0.011 0)
- CIE Lab
- lab(31.45 3.78 0.08)
- LCH
- lch(31.45 3.78 1.3)
- CMYK
- cmyk(0% 10% 7% 69%)
Tinte · Ombre · Toni
Tinte
- 60585A
- 70696B
- 817B7C
- 928C8E
- A39FA0
- B5B1B2
- C7C4C5
- D9D7D8
- ECEBEB
Ombre
- 443D3F
- 393335
- 2E292A
- 241F20
- 1A1617
- 100D0E
- 070606
- 020202
- 000000
Toni
- 554D4F
- 595354
- 5E585A
- 635E5F
- 686364
- 6C696A
- 716F6F
- 767475
- 7B7A7A
Armonie di colore
Complementare +180°
- 50484A
Black Elegance
- 444D4B
≈ Spinel Black
Analogo -30° +30°
- 50484A
Black Elegance
- 4E484D
≈ Extravagance
- 504847
≈ Emperor
Triadico +120° +240°
- 50484A
Black Elegance
- 494B45
≈ Gravel
- 454B50
≈ Dead Forest
Complementare divisa +150° +210°
- 50484A
Black Elegance
- 464C47
≈ Sporting Green
- 444C4E
≈ Black Sable
Tetradico +90° +180° +270°
- 50484A
Black Elegance
- 4D4A44
≈ Magpie
- 444D4B
≈ Spinel Black
- 484A51
≈ Limo-Scene
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.87:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.36:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.87:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--black-elegance: #50484a;
--black-elegance-rgb: 80 72 74;
--black-elegance-oklch: oklch(0.41 0.011 0.6);
}
.element {
color: var(--black-elegance);
background-color: hsl(345 5% 30%);
border-color: oklch(0.41 0.011 0.6);
}Tailwind CSS v4
@theme {
--color-black-elegance: #50484a;
--color-black-elegance-50: #f8f4f5;
--color-black-elegance-100: #ebe6e7;
--color-black-elegance-200: #d9d2d4;
--color-black-elegance-300: #bdb5b7;
--color-black-elegance-400: #a49c9e;
--color-black-elegance-500: #8d8386;
--color-black-elegance-600: #776f71;
--color-black-elegance-700: #5f595a;
--color-black-elegance-800: #464142;
--color-black-elegance-900: #302d2e;
--color-black-elegance-950: #1d1a1a;
}SCSS
$black-elegance: #50484a;
$black-elegance-rgb: 80, 72, 74;
$black-elegance-light: mix(#fff, $black-elegance, 20%);
$black-elegance-dark: mix(#000, $black-elegance, 20%);
.element {
color: $black-elegance;
box-shadow: 0 0 0 2px rgba($black-elegance, 0.35);
}