Colore con nome · #660011
Darkest Dungeon
Darkest Dungeon è #660011: rgb(102 0 17), hsl(350 100% 20%), oklch(0.322 0.13 22.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Darkest Dungeon color name →
#660011
oklch(0.322 0.13 22.2)
Conversioni di colore
- HEX
- #660011
- RGB
- rgb(102 0 17)
- HSL
- hsl(350 100% 20%)
- HWB
- hwb(350 0% 60%)
- OKLCH
- oklch(0.322 0.13 22.2)
- OKLab
- oklab(0.322 0.12 0.049)
- CIE Lab
- lab(20 41.54 23.44)
- LCH
- lch(20 47.7 29.4)
- CMYK
- cmyk(0% 100% 83% 60%)
Tinte · Ombre · Toni
Tinte
- 772327
- 883C3C
- 985452
- A86B69
- B78380
- C69B99
- D5B3B1
- E3CCCB
- F1E5E5
Ombre
- 58000D
- 4A0009
- 3C0006
- 2F0004
- 230002
- 170001
- 0C0000
- 040000
- 000000
Toni
- 6B171C
- 6F2627
- 723232
- 763E3D
- 794948
- 7B5453
- 7D5F5E
- 7F6A69
- 807574
Armonie di colore
Complementare +180°
- 660011
Darkest Dungeon
- 003B3F
≈ Ghostlands Coal
Analogo -30° +30°
- 660011
Darkest Dungeon
- 60033A
≈ Mulberry Wood
- 532400
≈ Conker Brown
Triadico +120° +240°
- 660011
Darkest Dungeon
- 024000
≈ Hunter Green
- 092C74
≈ Blue Jinn’s
Complementare divisa +150° +210°
- 660011
Darkest Dungeon
- 003D30
≈ Night Turquoise
- 00394F
≈ Gibraltar Sea
Tetradico +90° +180° +270°
- 660011
Darkest Dungeon
- 343700
≈ Wasabi Nori
- 003B3F
≈ Ghostlands Coal
- 381E6E
≈ Explorer of the Galaxies
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.34:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.57:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.34:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--darkest-dungeon: #660011;
--darkest-dungeon-rgb: 102 0 17;
--darkest-dungeon-oklch: oklch(0.322 0.13 22.2);
}
.element {
color: var(--darkest-dungeon);
background-color: hsl(350 100% 20%);
border-color: oklch(0.322 0.13 22.2);
}Tailwind CSS v4
@theme {
--color-darkest-dungeon: #660011;
--color-darkest-dungeon-50: #ffe8e3;
--color-darkest-dungeon-100: #ffd8d3;
--color-darkest-dungeon-200: #ffbfb9;
--color-darkest-dungeon-300: #f39d97;
--color-darkest-dungeon-400: #e17e7b;
--color-darkest-dungeon-500: #ce5e5e;
--color-darkest-dungeon-600: #ae5050;
--color-darkest-dungeon-700: #8c403f;
--color-darkest-dungeon-800: #682d2f;
--color-darkest-dungeon-900: #491f20;
--color-darkest-dungeon-950: #300e0f;
}SCSS
$darkest-dungeon: #660011;
$darkest-dungeon-rgb: 102, 0, 17;
$darkest-dungeon-light: mix(#fff, $darkest-dungeon, 20%);
$darkest-dungeon-dark: mix(#000, $darkest-dungeon, 20%);
.element {
color: $darkest-dungeon;
box-shadow: 0 0 0 2px rgba($darkest-dungeon, 0.35);
}