Cor nomeada · #220022
Black Sabbath
Black Sabbath é #220022: rgb(34 0 34), hsl(300 100% 7%), oklch(0.177 0.081 328.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Black Sabbath color name →
#220022
oklch(0.177 0.081 328.4)
Conversões de cor
- HEX
- #220022
- RGB
- rgb(34 0 34)
- HSL
- hsl(300 100% 7%)
- HWB
- hwb(300 0% 87%)
- OKLCH
- oklch(0.177 0.081 328.4)
- OKLab
- oklab(0.177 0.069 -0.043)
- CIE Lab
- lab(4.09 19.69 -13.69)
- LCH
- lch(4.09 23.99 325.2)
- CMYK
- cmyk(0% 100% 0% 87%)
Tons claros · Sombras · Tons
Tons claros
- 361435
- 4A2B49
- 5F435E
- 755B73
- 8B7589
- A18FA0
- B8AAB7
- CFC5CE
- E7E2E6
Sombras
- 1C001C
- 160016
- 110011
- 0B000B
- 070007
- 030003
- 010001
- 000000
- 000000
Tons
- 2B0A2B
- 351734
- 3E243D
- 473046
- 513D50
- 5A4A59
- 645763
- 6D646C
- 767276
Harmonias de cor
Complementar +180°
- 220022
Black Sabbath
- 001704
≈ Oil Slick
Análoga -30° +30°
- 220022
Black Sabbath
- 17042F
≈ Quiet Abyss
- 270011
≈ Belladonna
Tríade +120° +240°
- 220022
Black Sabbath
- 171000
≈ Chinese Black
- 001418
≈ Black Glaze
Complementar dividida +150° +210°
- 220022
Black Sabbath
- 0F1300
≈ Chinese Black
- 001511
≈ Black Glaze
Tétrade +90° +180° +270°
- 220022
Black Sabbath
- 1E0B00
≈ Soy Sauce
- 001704
≈ Oil Slick
- 001320
≈ Kuretake Black Manga
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 19.24:1 · APCA Lc 105
Ag
FailSobre preto
WCAG 1.09:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 19.24:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
CSS
:root {
--black-sabbath: #220022;
--black-sabbath-rgb: 34 0 34;
--black-sabbath-oklch: oklch(0.177 0.081 328.4);
}
.element {
color: var(--black-sabbath);
background-color: hsl(300 100% 7%);
border-color: oklch(0.177 0.081 328.4);
}Tailwind CSS v4
@theme {
--color-black-sabbath: #220022;
--color-black-sabbath-50: #ffedff;
--color-black-sabbath-100: #f8dff5;
--color-black-sabbath-200: #e9c8e5;
--color-black-sabbath-300: #d0a9cb;
--color-black-sabbath-400: #b98eb7;
--color-black-sabbath-500: #a473a1;
--color-black-sabbath-600: #8a6188;
--color-black-sabbath-700: #6f4e6d;
--color-black-sabbath-800: #513851;
--color-black-sabbath-900: #392739;
--color-black-sabbath-950: #231523;
}SCSS
$black-sabbath: #220022;
$black-sabbath-rgb: 34, 0, 34;
$black-sabbath-light: mix(#fff, $black-sabbath, 20%);
$black-sabbath-dark: mix(#000, $black-sabbath, 20%);
.element {
color: $black-sabbath;
box-shadow: 0 0 0 2px rgba($black-sabbath, 0.35);
}