Colore con nome · #7A0006
Demon
Demon è #7A0006: rgb(122 0 6), hsl(357 100% 24%), oklch(0.364 0.149 27.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Demon color name →
#7A0006
oklch(0.364 0.149 27.6)
Conversioni di colore
- HEX
- #7a0006
- RGB
- rgb(122 0 6)
- HSL
- hsl(357 100% 24%)
- HWB
- hwb(357 0% 52%)
- OKLCH
- oklch(0.364 0.149 27.6)
- OKLab
- oklab(0.364 0.132 0.069)
- CIE Lab
- lab(24.77 46.91 35.13)
- LCH
- lch(24.77 58.61 36.8)
- CMYK
- cmyk(0% 100% 95% 52%)
Tinte · Ombre · Toni
Tinte
- 8A2822
- 994239
- A75950
- B57068
- C38880
- D09F98
- DCB6B1
- E8CECB
- F4E6E5
Ombre
- 690004
- 590003
- 490002
- 3A0001
- 2B0001
- 1D0000
- 100000
- 050000
- 010000
Toni
- 7D1A17
- 7F2A24
- 813730
- 82423B
- 834D47
- 845852
- 84625D
- 836C69
- 827674
Armonie di colore
Complementare +180°
- 7A0006
Demon
- 00474F
≈ Sherpa Blue
Analogo -30° +30°
- 7A0006
Demon
- 74003E
≈ Merlot
- 5F3000
≈ Count Chocula
Triadico +120° +240°
Complementare divisa +150° +210°
- 7A0006
Demon
- 004A3E
≈ Aqua Deep
- 004363
≈ Lush Aqua
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.47:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.83:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 11.47:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--demon: #7a0006;
--demon-rgb: 122 0 6;
--demon-oklch: oklch(0.364 0.149 27.6);
}
.element {
color: var(--demon);
background-color: hsl(357 100% 24%);
border-color: oklch(0.364 0.149 27.6);
}Tailwind CSS v4
@theme {
--color-demon: #7a0006;
--color-demon-50: #ffe6dd;
--color-demon-100: #ffd6cb;
--color-demon-200: #ffbdaf;
--color-demon-300: #fa998a;
--color-demon-400: #e9796c;
--color-demon-500: #d7574c;
--color-demon-600: #b54a41;
--color-demon-700: #923b34;
--color-demon-800: #6d2a26;
--color-demon-900: #4d1c1a;
--color-demon-950: #320b0a;
}SCSS
$demon: #7a0006;
$demon-rgb: 122, 0, 6;
$demon-light: mix(#fff, $demon, 20%);
$demon-dark: mix(#000, $demon, 20%);
.element {
color: $demon;
box-shadow: 0 0 0 2px rgba($demon, 0.35);
}