Najbliższy nazwany kolor · #8E492C
#8E492C
Najbliższy nazwany kolor: Gingerbread
#8E492C (rgb(142 73 44), hsl(18 53% 36%), oklch(0.485 0.103 42.7)) jest najbliższy nazwanemu kolorowi Gingerbread. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8E492C
oklch(0.485 0.103 42.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9A5B41
- A66C55
- B27E69
- BD907E
- C9A292
- D4B4A7
- DFC6BD
- EAD9D2
- F4ECE9
Odcienie ciemniejsze
- 7B3E25
- 68341E
- 562A17
- 442011
- 34170A
- 240E05
- 150602
- 070201
- 010000
Tony
- 8D4F36
- 8D553E
- 8C5B47
- 8B604F
- 8A6658
- 886B60
- 867168
- 857670
- 827B78
Harmonie kolorów
Komplementarna +180°
- 8E492C
Gingerbread
- 006984
≈ Ansel
Analogowa -30° +30°
- 8E492C
Gingerbread
- 8F444F
≈ Dull Magenta
- 825402
≈ Intense Brown
Triada +120° +240°
- 8E492C
Gingerbread
- 09704D
≈ Aquadazzle
- 575697
≈ Governor Bay
Komplementarna rozszczepiona +150° +210°
- 8E492C
Gingerbread
- 006D6C
≈ Caribbean Current
- 306197
≈ Running Water
Tetrada +90° +180° +270°
- 8E492C
Gingerbread
- 486B29
≈ Tree Shade
- 006984
≈ Ansel
- 734C88
≈ Grapes of Italy
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.68:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.13:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}