Colore con nome · #883636
Tuskgor Fur
Tuskgor Fur è #883636: rgb(136 54 54), hsl(0 43% 37%), oklch(0.447 0.113 22.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Tuskgor Fur color name →
#883636
oklch(0.447 0.113 22.8)
Conversioni di colore
- HEX
- #883636
- RGB
- rgb(136 54 54)
- HSL
- hsl(0 43% 37%)
- HWB
- hwb(0 21% 47%)
- OKLCH
- oklch(0.447 0.113 22.8)
- OKLab
- oklab(0.447 0.104 0.044)
- CIE Lab
- lab(34.69 35.78 18.76)
- LCH
- lch(34.69 40.4 27.7)
- CMYK
- cmyk(0% 60% 60% 47%)
Tinte · Ombre · Toni
Tinte
- 954A48
- A25D5B
- AF716E
- BB8581
- C79895
- D3ACAA
- DEC1BE
- E9D5D4
- F4EAE9
Ombre
- 752E2E
- 632525
- 521E1E
- 411616
- 310F0F
- 220808
- 130303
- 060101
- 010000
Toni
- 883F3D
- 894745
- 894E4C
- 885653
- 885D5B
- 876462
- 866B6A
- 847271
- 827978
Armonie di colore
Complementare +180°
- 883636
Tuskgor Fur
- 006067
≈ Turkish Aqua
Analogo -30° +30°
- 883636
Tuskgor Fur
- 82365A
≈ Alfonso Olive
- 833F02
≈ Gryphonne Sepia Wash
Triadico +120° +240°
- 883636
Tuskgor Fur
- 286426
≈ Swampland
- 315292
≈ Chinese Blue
Complementare divisa +150° +210°
- 883636
Tuskgor Fur
- 006350
≈ Piney Lake
- 005C7F
≈ Job’s Tears
Tetradico +90° +180° +270°
- 883636
Tuskgor Fur
- 555900
≈ Greensboro
- 006067
≈ Turkish Aqua
- 58468D
≈ Harvest Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.99:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.62:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--tuskgor-fur: #883636;
--tuskgor-fur-rgb: 136 54 54;
--tuskgor-fur-oklch: oklch(0.447 0.113 22.8);
}
.element {
color: var(--tuskgor-fur);
background-color: hsl(0 43% 37%);
border-color: oklch(0.447 0.113 22.8);
}Tailwind CSS v4
@theme {
--color-tuskgor-fur: #883636;
--color-tuskgor-fur-50: #ffe9e5;
--color-tuskgor-fur-100: #ffdad5;
--color-tuskgor-fur-200: #ffc2bc;
--color-tuskgor-fur-300: #eca19a;
--color-tuskgor-fur-400: #d9837f;
--color-tuskgor-fur-500: #c66563;
--color-tuskgor-fur-600: #a75654;
--color-tuskgor-fur-700: #864543;
--color-tuskgor-fur-800: #643131;
--color-tuskgor-fur-900: #462121;
--color-tuskgor-fur-950: #2d1011;
}SCSS
$tuskgor-fur: #883636;
$tuskgor-fur-rgb: 136, 54, 54;
$tuskgor-fur-light: mix(#fff, $tuskgor-fur, 20%);
$tuskgor-fur-dark: mix(#000, $tuskgor-fur, 20%);
.element {
color: $tuskgor-fur;
box-shadow: 0 0 0 2px rgba($tuskgor-fur, 0.35);
}