Colore con nome · #8E443D
Allspice Berry
Allspice Berry è #8E443D: rgb(142 68 61), hsl(5 40% 40%), oklch(0.479 0.102 27.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Allspice Berry color name →
#8E443D
oklch(0.479 0.102 27.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9A564F
- A66861
- B27A73
- BE8D86
- C99F99
- D4B2AD
- DFC5C1
- EAD8D5
- F5EBEA
Ombre
- 7B3A34
- 68302B
- 562622
- 441D1A
- 341412
- 240C0A
- 150504
- 070201
- 010000
Toni
- 8E4B44
- 8D514B
- 8C5751
- 8B5D58
- 8A635F
- 886965
- 876F6C
- 857573
- 837A79
Armonie di colore
Complementare +180°
- 8E443D
Allspice Berry
- 006A75
≈ Mary Blue
Analogo -30° +30°
- 8E443D
Allspice Berry
- 8A425E
≈ Redcurrant
- 884C19
≈ Brown Eyed Girl
Triadico +120° +240°
- 8E443D
Allspice Berry
- 306D3A
≈ Billiard Ball
- 435A97
≈ Blue Dahlia
Complementare divisa +150° +210°
- 8E443D
Allspice Berry
- 006D5C
≈ Pacific Queen
- 09658F
≈ Kingfisher Blue
Tetradico +90° +180° +270°
- 8E443D
Allspice Berry
- 5A6413
≈ Forestial Outpost
- 006A75
≈ Mary Blue
- 64508F
≈ Fine Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.89:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.04:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}