Warna bernama · #8E443D
Allspice Berry
Allspice Berry adalah #8E443D: rgb(142 68 61), hsl(5 40% 40%), oklch(0.479 0.102 27.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Allspice Berry color name →
#8E443D
oklch(0.479 0.102 27.1)
Konversi warna
- HEX
- #8e443d
- RGB
- rgb(142 68 61)
- HSL
- hsl(5 40% 40%)
- HWB
- hwb(5 24% 44%)
- OKLCH
- oklch(0.479 0.102 27.1)
- OKLab
- oklab(0.479 0.091 0.046)
- CIE Lab
- lab(38.63 31.56 19.66)
- LCH
- lch(38.63 37.18 31.9)
- CMYK
- cmyk(0% 52% 57% 44%)
Tint · Shade · Tone
Tint
- 9A564F
- A66861
- B27A73
- BE8D86
- C99F99
- D4B2AD
- DFC5C1
- EAD8D5
- F5EBEA
Shade
- 7B3A34
- 68302B
- 562622
- 441D1A
- 341412
- 240C0A
- 150504
- 070201
- 010000
Tone
- 8E4B44
- 8D514B
- 8C5751
- 8B5D58
- 8A635F
- 886965
- 876F6C
- 857573
- 837A79
Harmoni warna
Komplementer +180°
- 8E443D
Allspice Berry
- 006A75
≈ Mary Blue
Analog -30° +30°
- 8E443D
Allspice Berry
- 8A425E
≈ Redcurrant
- 884C19
≈ Brown Eyed Girl
Triadik +120° +240°
- 8E443D
Allspice Berry
- 306D3A
≈ Billiard Ball
- 435A97
≈ Blue Dahlia
Split-komplementer +150° +210°
- 8E443D
Allspice Berry
- 006D5C
≈ Pacific Queen
- 09658F
≈ Kingfisher Blue
Tetradik +90° +180° +270°
- 8E443D
Allspice Berry
- 5A6413
≈ Forestial Outpost
- 006A75
≈ Mary Blue
- 64508F
≈ Fine Purple
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 6.89:1 · APCA Lc 83
Ag
FailDi atas hitam
WCAG 3.04:1 · APCA Lc 19
Warna teks terbaik: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 83
Contrast pairs
Cuplikan kode
CSS
:root {
--allspice-berry: #8e443d;
--allspice-berry-rgb: 142 68 61;
--allspice-berry-oklch: oklch(0.479 0.102 27.1);
}
.element {
color: var(--allspice-berry);
background-color: hsl(5 40% 40%);
border-color: oklch(0.479 0.102 27.1);
}Tailwind CSS v4
@theme {
--color-allspice-berry: #8e443d;
--color-allspice-berry-50: #ffebe5;
--color-allspice-berry-100: #ffdcd5;
--color-allspice-berry-200: #fdc5bb;
--color-allspice-berry-300: #e7a499;
--color-allspice-berry-400: #d4877e;
--color-allspice-berry-500: #c06a61;
--color-allspice-berry-600: #a35a52;
--color-allspice-berry-700: #834841;
--color-allspice-berry-800: #613330;
--color-allspice-berry-900: #442321;
--color-allspice-berry-950: #2c1210;
}SCSS
$allspice-berry: #8e443d;
$allspice-berry-rgb: 142, 68, 61;
$allspice-berry-light: mix(#fff, $allspice-berry, 20%);
$allspice-berry-dark: mix(#000, $allspice-berry, 20%);
.element {
color: $allspice-berry;
box-shadow: 0 0 0 2px rgba($allspice-berry, 0.35);
}