Colore con nome più vicino · #8E492C
#8E492C
Colore con nome più vicino: Gingerbread
#8E492C (rgb(142 73 44), hsl(18 53% 36%), oklch(0.485 0.103 42.7)) è più vicino al colore con nome Gingerbread. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8E492C
oklch(0.485 0.103 42.7)
Conversioni di colore
- HEX
- #8e492c
- RGB
- rgb(142 73 44)
- HSL
- hsl(18 53% 36%)
- HWB
- hwb(18 17% 44%)
- OKLCH
- oklch(0.485 0.103 42.7)
- OKLab
- oklab(0.485 0.075 0.069)
- CIE Lab
- lab(39.49 28.04 30.75)
- LCH
- lch(39.49 41.62 47.6)
- CMYK
- cmyk(0% 49% 69% 44%)
Tinte · Ombre · Toni
Tinte
- 9A5B41
- A66C55
- B27E69
- BD907E
- C9A292
- D4B4A7
- DFC6BD
- EAD9D2
- F4ECE9
Ombre
- 7B3E25
- 68341E
- 562A17
- 442011
- 34170A
- 240E05
- 150602
- 070201
- 010000
Toni
- 8D4F36
- 8D553E
- 8C5B47
- 8B604F
- 8A6658
- 886B60
- 867168
- 857670
- 827B78
Armonie di colore
Complementare +180°
- 8E492C
Gingerbread
- 006984
≈ Ansel
Analogo -30° +30°
- 8E492C
Gingerbread
- 8F444F
≈ Dull Magenta
- 825402
≈ Intense Brown
Triadico +120° +240°
- 8E492C
Gingerbread
- 09704D
≈ Aquadazzle
- 575697
≈ Governor Bay
Complementare divisa +150° +210°
- 8E492C
Gingerbread
- 006D6C
≈ Caribbean Current
- 306197
≈ Running Water
Tetradico +90° +180° +270°
- 8E492C
Gingerbread
- 486B29
≈ Tree Shade
- 006984
≈ Ansel
- 734C88
≈ Grapes of Italy
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.68:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.13:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--gingerbread: #8e492c;
--gingerbread-rgb: 142 73 44;
--gingerbread-oklch: oklch(0.485 0.103 42.7);
}
.element {
color: var(--gingerbread);
background-color: hsl(18 53% 36%);
border-color: oklch(0.485 0.103 42.7);
}Tailwind CSS v4
@theme {
--color-gingerbread: #8e492c;
--color-gingerbread-50: #ffedde;
--color-gingerbread-100: #ffdecc;
--color-gingerbread-200: #fbc7b1;
--color-gingerbread-300: #e5a78c;
--color-gingerbread-400: #d28a6d;
--color-gingerbread-500: #be6e4d;
--color-gingerbread-600: #a15d42;
--color-gingerbread-700: #814a34;
--color-gingerbread-800: #603526;
--color-gingerbread-900: #432419;
--color-gingerbread-950: #2b130a;
}SCSS
$gingerbread: #8e492c;
$gingerbread-rgb: 142, 73, 44;
$gingerbread-light: mix(#fff, $gingerbread, 20%);
$gingerbread-dark: mix(#000, $gingerbread, 20%);
.element {
color: $gingerbread;
box-shadow: 0 0 0 2px rgba($gingerbread, 0.35);
}