Colore con nome · #AA8E74
Café Américaine
Café Américaine è #AA8E74: rgb(170 142 116), hsl(29 24% 56%), oklch(0.666 0.05 64.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Café Américaine color name →
#AA8E74
oklch(0.666 0.05 64.7)
Conversioni di colore
- HEX
- #aa8e74
- RGB
- rgb(170 142 116)
- HSL
- hsl(29 24% 56%)
- HWB
- hwb(29 45% 33%)
- OKLCH
- oklch(0.666 0.05 64.7)
- OKLab
- oklab(0.666 0.021 0.045)
- CIE Lab
- lab(61.13 8.02 18.05)
- LCH
- lch(61.13 19.75 66)
- CMYK
- cmyk(0% 16% 32% 33%)
Tinte · Ombre · Toni
Tinte
- B29981
- BBA48F
- C3AF9C
- CCBAAA
- D4C5B8
- DDD1C6
- E5DCD4
- EEE8E2
- F6F3F0
Ombre
- 937B64
- 7D6854
- 685645
- 534437
- 3F3429
- 2D241B
- 1B150F
- 0B0705
- 010101
Toni
- A68D75
- A28B77
- 9D8A78
- 998979
- 95877B
- 91867C
- 8D847D
- 88837E
- 84817F
Armonie di colore
Complementare +180°
- AA8E74
Café Américaine
- 7A98B1
≈ Dyer’s Woad
Analogo -30° +30°
- AA8E74
Café Américaine
- B08980
≈ Maui Poi
- 9D9471
≈ Sweet Annie
Triadico +120° +240°
- AA8E74
Café Américaine
- 719E98
≈ Avalon
- 9B8DAD
≈ Greek Lavender
Complementare divisa +150° +210°
- AA8E74
Café Américaine
- 709CA7
≈ Rusty Tap
- 8A92B3
≈ Fresh Lavender
Tetradico +90° +180° +270°
- AA8E74
Café Américaine
- 7C9D86
≈ Vineyard
- 7A98B1
≈ Dyer’s Woad
- A889A0
≈ Radiant Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.07:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.83:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--cafe-americaine: #aa8e74;
--cafe-americaine-rgb: 170 142 116;
--cafe-americaine-oklch: oklch(0.666 0.05 64.7);
}
.element {
color: var(--cafe-americaine);
background-color: hsl(29 24% 56%);
border-color: oklch(0.666 0.05 64.7);
}Tailwind CSS v4
@theme {
--color-cafe-americaine: #aa8e74;
--color-cafe-americaine-50: #fff3e6;
--color-cafe-americaine-100: #f4e5d7;
--color-cafe-americaine-200: #e3d1be;
--color-cafe-americaine-300: #c9b39d;
--color-cafe-americaine-400: #b49980;
--color-cafe-americaine-500: #9e8063;
--color-cafe-americaine-600: #856c54;
--color-cafe-americaine-700: #6b5643;
--color-cafe-americaine-800: #4f3f30;
--color-cafe-americaine-900: #372b21;
--color-cafe-americaine-950: #221810;
}SCSS
$cafe-americaine: #aa8e74;
$cafe-americaine-rgb: 170, 142, 116;
$cafe-americaine-light: mix(#fff, $cafe-americaine, 20%);
$cafe-americaine-dark: mix(#000, $cafe-americaine, 20%);
.element {
color: $cafe-americaine;
box-shadow: 0 0 0 2px rgba($cafe-americaine, 0.35);
}