Colore con nome · #A87678
Handmade Red
Handmade Red è #A87678: rgb(168 118 120), hsl(358 22% 56%), oklch(0.617 0.063 16.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Handmade Red color name →
#A87678
oklch(0.617 0.063 16.4)
Conversioni di colore
- HEX
- #a87678
- RGB
- rgb(168 118 120)
- HSL
- hsl(358 22% 56%)
- HWB
- hwb(358 46% 34%)
- OKLCH
- oklch(0.617 0.063 16.4)
- OKLab
- oklab(0.617 0.061 0.018)
- CIE Lab
- lab(54.91 20.43 7.18)
- LCH
- lch(54.91 21.65 19.4)
- CMYK
- cmyk(0% 30% 29% 34%)
Tinte · Ombre · Toni
Tinte
- B18385
- BA9092
- C39E9F
- CBABAC
- D4B9B9
- DDC6C7
- E5D4D5
- EEE2E3
- F7F1F1
Ombre
- 926667
- 7C5657
- 674748
- 523839
- 3F292A
- 2C1C1D
- 1A0F10
- 0A0505
- 010101
Toni
- A47779
- A1787A
- 9D797A
- 997A7B
- 957B7C
- 917C7D
- 8D7D7E
- 897E7E
- 847F7F
Armonie di colore
Complementare +180°
- A87678
Handmade Red
- 559192
≈ Bristol Blue
Analogo -30° +30°
- A87678
Handmade Red
- A2768D
≈ Upper Crust
- A67A65
≈ Tawny Birch
Triadico +120° +240°
- A87678
Handmade Red
- 748E69
≈ Watercress Spice
- 6D87AB
≈ Cowgirl Blue
Complementare divisa +150° +210°
- A87678
Handmade Red
- 5F927D
≈ Sheffield
- 5B8DA3
≈ Georgian Revival Blue
Tetradico +90° +180° +270°
- A87678
Handmade Red
- 8A885B
≈ Fertile Green
- 559192
≈ Bristol Blue
- 8280AA
≈ Roseine Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.79:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.52:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--handmade-red: #a87678;
--handmade-red-rgb: 168 118 120;
--handmade-red-oklch: oklch(0.617 0.063 16.4);
}
.element {
color: var(--handmade-red);
background-color: hsl(358 22% 56%);
border-color: oklch(0.617 0.063 16.4);
}Tailwind CSS v4
@theme {
--color-handmade-red: #a87678;
--color-handmade-red-50: #ffeeee;
--color-handmade-red-100: #fde0e0;
--color-handmade-red-200: #eecaca;
--color-handmade-red-300: #d6abab;
--color-handmade-red-400: #c19091;
--color-handmade-red-500: #ac7578;
--color-handmade-red-600: #916365;
--color-handmade-red-700: #754f51;
--color-handmade-red-800: #56393b;
--color-handmade-red-900: #3c2729;
--color-handmade-red-950: #261517;
}SCSS
$handmade-red: #a87678;
$handmade-red-rgb: 168, 118, 120;
$handmade-red-light: mix(#fff, $handmade-red, 20%);
$handmade-red-dark: mix(#000, $handmade-red, 20%);
.element {
color: $handmade-red;
box-shadow: 0 0 0 2px rgba($handmade-red, 0.35);
}