Adlandırılmış renk · #AD9E87
Sheepskin Gloves
Sheepskin Gloves, #AD9E87: rgb(173 158 135), hsl(36 19% 60%), oklch(0.706 0.037 78.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sheepskin Gloves color name →
#AD9E87
oklch(0.706 0.037 78.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B5A793
- BDB19E
- C5BAAA
- CDC4B6
- D5CEC2
- DED7CE
- E6E1DA
- EEEBE6
- F7F5F3
Koyu tonlar
- 968975
- 7F7463
- 6A6051
- 554D41
- 413A31
- 2D2921
- 1B1813
- 0B0906
- 010101
Gri tonlar
- A89B86
- A49886
- 9F9585
- 9B9284
- 968F84
- 928C83
- 8D8982
- 898682
- 848381
Renk uyumları
Tamamlayıcı +180°
- AD9E87
Sheepskin Gloves
- 93A1B8
≈ Rock Blue
Analog -30° +30°
- AD9E87
Sheepskin Gloves
- B49A8D
≈ Del Rio
- A2A288
≈ Potting Moss
Üçlü +120° +240°
- AD9E87
Sheepskin Gloves
- 86A8A9
≈ Harbour Mist
- AA99AF
≈ Heliotrope Grey
Bölünmüş tamamlayıcı +150° +210°
- AD9E87
Sheepskin Gloves
- 89A5B3
≈ Favourite Jeans
- 9F9DB6
≈ Logan
Dörtlü +90° +180° +270°
- AD9E87
Sheepskin Gloves
- 8BA89C
≈ Tropical Cascade
- 93A1B8
≈ Rock Blue
- B397A4
≈ Ashberry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.61:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.01:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.01:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}