Colore con nome · #9F927A
Desert Shadows
Desert Shadows è #9F927A: rgb(159 146 122), hsl(39 16% 55%), oklch(0.665 0.037 82.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Desert Shadows color name →
#9F927A
oklch(0.665 0.037 82.8)
Conversioni di colore
- HEX
- #9f927a
- RGB
- rgb(159 146 122)
- HSL
- hsl(39 16% 55%)
- HWB
- hwb(39 48% 38%)
- OKLCH
- oklch(0.665 0.037 82.8)
- OKLab
- oklab(0.665 0.005 0.037)
- CIE Lab
- lab(61.22 2.04 14.62)
- LCH
- lch(61.22 14.76 82)
- CMYK
- cmyk(0% 8% 23% 38%)
Tinte · Ombre · Toni
Tinte
- A89C87
- B2A793
- BBB2A0
- C4BCAE
- CEC7BB
- D8D2C8
- E1DDD6
- EBE8E3
- F5F4F1
Ombre
- 8A7E69
- 756B59
- 615849
- 4D463A
- 3B352B
- 29251D
- 181610
- 090805
- 010101
Toni
- 9C907B
- 998E7B
- 968D7C
- 938B7D
- 8F897D
- 8C877E
- 89857E
- 86847F
- 838280
Armonie di colore
Complementare +180°
- 9F927A
Desert Shadows
- 8894AB
≈ Norwegian Night
Analogo -30° +30°
- 9F927A
Desert Shadows
- A78E7F
≈ Stucco
- 93967C
≈ Blanched Thyme
Triadico +120° +240°
- 9F927A
Desert Shadows
- 799B9E
≈ Cathedral Glass
- 9F8CA1
≈ Vesuvian Violet
Complementare divisa +150° +210°
- 9F927A
Desert Shadows
- 7D98A7
≈ Weldon Blue
- 9490A9
≈ Cosmic Energy
Tetradico +90° +180° +270°
- 9F927A
Desert Shadows
- 7D9C91
≈ Seiji Green
- 8894AB
≈ Norwegian Night
- A78B96
≈ Gothic Amethyst
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.05:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.86:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.86:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-shadows: #9f927a;
--desert-shadows-rgb: 159 146 122;
--desert-shadows-oklch: oklch(0.665 0.037 82.8);
}
.element {
color: var(--desert-shadows);
background-color: hsl(39 16% 55%);
border-color: oklch(0.665 0.037 82.8);
}Tailwind CSS v4
@theme {
--color-desert-shadows: #9f927a;
--color-desert-shadows-50: #faf5e9;
--color-desert-shadows-100: #eee7da;
--color-desert-shadows-200: #dcd3c3;
--color-desert-shadows-300: #c0b6a2;
--color-desert-shadows-400: #a99d86;
--color-desert-shadows-500: #92846a;
--color-desert-shadows-600: #7c705a;
--color-desert-shadows-700: #635a48;
--color-desert-shadows-800: #494134;
--color-desert-shadows-900: #332d23;
--color-desert-shadows-950: #1e1a12;
}SCSS
$desert-shadows: #9f927a;
$desert-shadows-rgb: 159, 146, 122;
$desert-shadows-light: mix(#fff, $desert-shadows, 20%);
$desert-shadows-dark: mix(#000, $desert-shadows, 20%);
.element {
color: $desert-shadows;
box-shadow: 0 0 0 2px rgba($desert-shadows, 0.35);
}