Colore con nome · #A5975B
Faded Khaki
Faded Khaki è #A5975B: rgb(165 151 91), hsl(49 29% 50%), oklch(0.675 0.081 96.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Faded Khaki color name →
#A5975B
oklch(0.675 0.081 96.6)
Conversioni di colore
- HEX
- #a5975b
- RGB
- rgb(165 151 91)
- HSL
- hsl(49 29% 50%)
- HWB
- hwb(49 36% 35%)
- OKLCH
- oklch(0.675 0.081 96.6)
- OKLab
- oklab(0.675 -0.009 0.081)
- CIE Lab
- lab(62.67 -0.96 33.47)
- LCH
- lch(62.67 33.48 91.6)
- CMYK
- cmyk(0% 8% 45% 35%)
Tinte · Ombre · Toni
Tinte
- AEA16C
- B6AB7C
- BFB68C
- C8C09C
- D1CAAD
- DAD5BD
- E3DFCD
- ECEADE
- F6F4EE
Ombre
- 8F834E
- 796F41
- 655C35
- 514929
- 3D371E
- 2B2613
- 1A1709
- 0A0803
- 010100
Toni
- A19560
- 9D9364
- 9A9068
- 968E6C
- 928C70
- 8F8973
- 8B8777
- 87857A
- 84827D
Armonie di colore
Complementare +180°
- A5975B
Faded Khaki
- 8992C9
≈ Fast Velvet
Analogo -30° +30°
- A5975B
Faded Khaki
- B98D5F
≈ Caramel Cupcake
- 8AA069
≈ Buckingham Gardens
Triadico +120° +240°
- A5975B
Faded Khaki
- 56A3B7
≈ Explorer Blue
- B784A9
≈ Opera Mauve
Complementare divisa +150° +210°
- A5975B
Faded Khaki
- 6D9CC6
≈ Cerulean Frost
- A48ABF
≈ Classic Bouquet
Tetradico +90° +180° +270°
- A5975B
Faded Khaki
- 55A79F
≈ Paradise Island
- 8992C9
≈ Fast Velvet
- C2828E
≈ Strawberry Jubilee
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.92:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.17:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--faded-khaki: #a5975b;
--faded-khaki-rgb: 165 151 91;
--faded-khaki-oklch: oklch(0.675 0.081 96.6);
}
.element {
color: var(--faded-khaki);
background-color: hsl(49 29% 50%);
border-color: oklch(0.675 0.081 96.6);
}Tailwind CSS v4
@theme {
--color-faded-khaki: #a5975b;
--color-faded-khaki-50: #fbf6dc;
--color-faded-khaki-100: #eee9ca;
--color-faded-khaki-200: #ddd5ae;
--color-faded-khaki-300: #c2b988;
--color-faded-khaki-400: #ac9f66;
--color-faded-khaki-500: #968643;
--color-faded-khaki-600: #7f723a;
--color-faded-khaki-700: #655b2e;
--color-faded-khaki-800: #4b421f;
--color-faded-khaki-900: #342e15;
--color-faded-khaki-950: #201a06;
}SCSS
$faded-khaki: #a5975b;
$faded-khaki-rgb: 165, 151, 91;
$faded-khaki-light: mix(#fff, $faded-khaki, 20%);
$faded-khaki-dark: mix(#000, $faded-khaki, 20%);
.element {
color: $faded-khaki;
box-shadow: 0 0 0 2px rgba($faded-khaki, 0.35);
}