Colore con nome · #AA9A79
Exploring Khaki
Exploring Khaki è #AA9A79: rgb(170 154 121), hsl(40 22% 57%), oklch(0.692 0.05 85.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Exploring Khaki color name →
#AA9A79
oklch(0.692 0.05 85.1)
Conversioni di colore
- HEX
- #aa9a79
- RGB
- rgb(170 154 121)
- HSL
- hsl(40 22% 57%)
- HWB
- hwb(40 47% 33%)
- OKLCH
- oklch(0.692 0.05 85.1)
- OKLab
- oklab(0.692 0.004 0.049)
- CIE Lab
- lab(64.38 2.25 19.65)
- LCH
- lch(64.38 19.78 83.5)
- CMYK
- cmyk(0% 9% 29% 33%)
Tinte · Ombre · Toni
Tinte
- B2A486
- BBAE93
- C3B7A0
- CBC1AD
- D4CCBB
- DCD6C8
- E5E0D6
- EEEAE3
- F6F5F1
Ombre
- 938568
- 7D7158
- 685E48
- 534B39
- 3F392B
- 2D271D
- 1B1710
- 0B0905
- 010101
Toni
- A6977A
- A1957B
- 9D927C
- 99907C
- 958D7D
- 918A7E
- 8C887E
- 88857F
- 848380
Armonie di colore
Complementare +180°
- AA9A79
Exploring Khaki
- 8D9CBB
≈ Periwinkle Blossom
Analogo -30° +30°
- AA9A79
Exploring Khaki
- B5947F
≈ Changing Seasons
- 9AA07D
≈ Renkon Beige
Triadico +120° +240°
- AA9A79
Exploring Khaki
- 77A5AB
≈ Water Cooler
- AC92AD
≈ Enthroned Above
Complementare divisa +150° +210°
- AA9A79
Exploring Khaki
- 7EA1B7
≈ Lake Okoboji
- 9E96B8
≈ Heirloom Lilac
Tetradico +90° +180° +270°
- AA9A79
Exploring Khaki
- 7CA69A
≈ Verdigreen
- 8D9CBB
≈ Periwinkle Blossom
- B6909D
≈ Mauve Shadows
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.76:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.60:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--exploring-khaki: #aa9a79;
--exploring-khaki-rgb: 170 154 121;
--exploring-khaki-oklch: oklch(0.692 0.05 85.1);
}
.element {
color: var(--exploring-khaki);
background-color: hsl(40 22% 57%);
border-color: oklch(0.692 0.05 85.1);
}Tailwind CSS v4
@theme {
--color-exploring-khaki: #aa9a79;
--color-exploring-khaki-50: #fbf5e6;
--color-exploring-khaki-100: #efe7d6;
--color-exploring-khaki-200: #ddd3bd;
--color-exploring-khaki-300: #c2b69b;
--color-exploring-khaki-400: #ac9d7d;
--color-exploring-khaki-500: #958460;
--color-exploring-khaki-600: #7e7052;
--color-exploring-khaki-700: #655941;
--color-exploring-khaki-800: #4b412f;
--color-exploring-khaki-900: #342d20;
--color-exploring-khaki-950: #1f1a0f;
}SCSS
$exploring-khaki: #aa9a79;
$exploring-khaki-rgb: 170, 154, 121;
$exploring-khaki-light: mix(#fff, $exploring-khaki, 20%);
$exploring-khaki-dark: mix(#000, $exploring-khaki, 20%);
.element {
color: $exploring-khaki;
box-shadow: 0 0 0 2px rgba($exploring-khaki, 0.35);
}