Colore con nome · #AD9E87
Sheepskin Gloves
Sheepskin Gloves è #AD9E87: rgb(173 158 135), hsl(36 19% 60%), oklch(0.706 0.037 78.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sheepskin Gloves color name →
#AD9E87
oklch(0.706 0.037 78.6)
Conversioni di colore
- HEX
- #ad9e87
- RGB
- rgb(173 158 135)
- HSL
- hsl(36 19% 60%)
- HWB
- hwb(36 53% 32%)
- OKLCH
- oklch(0.706 0.037 78.6)
- OKLab
- oklab(0.706 0.007 0.036)
- CIE Lab
- lab(65.96 2.88 14.17)
- LCH
- lch(65.96 14.46 78.5)
- CMYK
- cmyk(0% 9% 22% 32%)
Tinte · Ombre · Toni
Tinte
- B5A793
- BDB19E
- C5BAAA
- CDC4B6
- D5CEC2
- DED7CE
- E6E1DA
- EEEBE6
- F7F5F3
Ombre
- 968975
- 7F7463
- 6A6051
- 554D41
- 413A31
- 2D2921
- 1B1813
- 0B0906
- 010101
Toni
- A89B86
- A49886
- 9F9585
- 9B9284
- 968F84
- 928C83
- 8D8982
- 898682
- 848381
Armonie di colore
Complementare +180°
- AD9E87
Sheepskin Gloves
- 93A1B8
≈ Rock Blue
Analogo -30° +30°
- AD9E87
Sheepskin Gloves
- B49A8D
≈ Del Rio
- A2A288
≈ Potting Moss
Triadico +120° +240°
- AD9E87
Sheepskin Gloves
- 86A8A9
≈ Harbour Mist
- AA99AF
≈ Heliotrope Grey
Complementare divisa +150° +210°
- AD9E87
Sheepskin Gloves
- 89A5B3
≈ Favourite Jeans
- 9F9DB6
≈ Logan
Tetradico +90° +180° +270°
- AD9E87
Sheepskin Gloves
- 8BA89C
≈ Tropical Cascade
- 93A1B8
≈ Rock Blue
- B397A4
≈ Ashberry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.61:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.01:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.01:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--sheepskin-gloves: #ad9e87;
--sheepskin-gloves-rgb: 173 158 135;
--sheepskin-gloves-oklch: oklch(0.706 0.037 78.6);
}
.element {
color: var(--sheepskin-gloves);
background-color: hsl(36 19% 60%);
border-color: oklch(0.706 0.037 78.6);
}Tailwind CSS v4
@theme {
--color-sheepskin-gloves: #ad9e87;
--color-sheepskin-gloves-50: #fbf4ea;
--color-sheepskin-gloves-100: #eee7da;
--color-sheepskin-gloves-200: #dcd3c3;
--color-sheepskin-gloves-300: #c1b6a3;
--color-sheepskin-gloves-400: #aa9c86;
--color-sheepskin-gloves-500: #94846b;
--color-sheepskin-gloves-600: #7d6f5b;
--color-sheepskin-gloves-700: #645948;
--color-sheepskin-gloves-800: #4a4134;
--color-sheepskin-gloves-900: #332d24;
--color-sheepskin-gloves-950: #1f1a12;
}SCSS
$sheepskin-gloves: #ad9e87;
$sheepskin-gloves-rgb: 173, 158, 135;
$sheepskin-gloves-light: mix(#fff, $sheepskin-gloves, 20%);
$sheepskin-gloves-dark: mix(#000, $sheepskin-gloves, 20%);
.element {
color: $sheepskin-gloves;
box-shadow: 0 0 0 2px rgba($sheepskin-gloves, 0.35);
}