Colore con nome · #A69C81
Worn Khaki
Worn Khaki è #A69C81: rgb(166 156 129), hsl(44 17% 58%), oklch(0.694 0.04 90.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Worn Khaki color name →
#A69C81
oklch(0.694 0.04 90.1)
Conversioni di colore
- HEX
- #a69c81
- RGB
- rgb(166 156 129)
- HSL
- hsl(44 17% 58%)
- HWB
- hwb(44 51% 35%)
- OKLCH
- oklch(0.694 0.04 90.1)
- OKLab
- oklab(0.694 0 0.04)
- CIE Lab
- lab(64.68 0.45 15.59)
- LCH
- lch(64.68 15.6 88.3)
- CMYK
- cmyk(0% 6% 22% 35%)
Tinte · Ombre · Toni
Tinte
- AFA68D
- B7AF99
- C0B9A6
- C9C3B2
- D2CDBF
- DBD6CB
- E4E0D8
- EDEBE5
- F6F5F2
Ombre
- 90876F
- 7A735E
- 655F4E
- 514C3E
- 3E392E
- 2B281F
- 1A1812
- 0A0906
- 010101
Toni
- A29981
- 9E9681
- 9A9481
- 979181
- 938E81
- 8F8B81
- 8B8881
- 878680
- 848380
Armonie di colore
Complementare +180°
- A69C81
Worn Khaki
- 939CB6
≈ Skyline
Analogo -30° +30°
- A69C81
Worn Khaki
- B09784
≈ Mexican Sand
- 99A185
≈ Zebra Grass
Triadico +120° +240°
- A69C81
Worn Khaki
- 81A4AA
≈ Ziggurat
- AB94A8
≈ Grape Soda
Complementare divisa +150° +210°
- A69C81
Worn Khaki
- 87A0B3
≈ Silver Skate
- A097B2
≈ Heirloom Lilac
Tetradico +90° +180° +270°
- A69C81
Worn Khaki
- 82A59D
≈ Scenario
- 939CB6
≈ Skyline
- B2939B
≈ Legendary Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.72:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.69:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--worn-khaki: #a69c81;
--worn-khaki-rgb: 166 156 129;
--worn-khaki-oklch: oklch(0.694 0.04 90.1);
}
.element {
color: var(--worn-khaki);
background-color: hsl(44 17% 58%);
border-color: oklch(0.694 0.04 90.1);
}Tailwind CSS v4
@theme {
--color-worn-khaki: #a69c81;
--color-worn-khaki-50: #f9f5e9;
--color-worn-khaki-100: #ece8d9;
--color-worn-khaki-200: #dad4c2;
--color-worn-khaki-300: #beb7a1;
--color-worn-khaki-400: #a79e84;
--color-worn-khaki-500: #908568;
--color-worn-khaki-600: #7a7159;
--color-worn-khaki-700: #625a47;
--color-worn-khaki-800: #484233;
--color-worn-khaki-900: #322d23;
--color-worn-khaki-950: #1e1a12;
}SCSS
$worn-khaki: #a69c81;
$worn-khaki-rgb: 166, 156, 129;
$worn-khaki-light: mix(#fff, $worn-khaki, 20%);
$worn-khaki-dark: mix(#000, $worn-khaki, 20%);
.element {
color: $worn-khaki;
box-shadow: 0 0 0 2px rgba($worn-khaki, 0.35);
}