Colore con nome · #A38961
Mukluks
Mukluks è #A38961: rgb(163 137 97), hsl(36 26% 51%), oklch(0.644 0.064 78). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mukluks color name →
#A38961
oklch(0.644 0.064 78)
Conversioni di colore
- HEX
- #a38961
- RGB
- rgb(163 137 97)
- HSL
- hsl(36 26% 51%)
- HWB
- hwb(36 38% 36%)
- OKLCH
- oklch(0.644 0.064 78)
- OKLab
- oklab(0.644 0.013 0.062)
- CIE Lab
- lab(58.8 5.98 25.34)
- LCH
- lch(58.8 26.03 76.7)
- CMYK
- cmyk(0% 16% 40% 36%)
Tinte · Ombre · Toni
Tinte
- AC9470
- B5A080
- BEAB8F
- C7B79F
- D0C3AE
- DACFBE
- E3DBCE
- ECE7DE
- F6F3EF
Ombre
- 8D7653
- 786446
- 635339
- 4F422D
- 3C3121
- 2A2215
- 19140B
- 0A0703
- 010100
Toni
- A08865
- 9C8768
- 99876B
- 95866F
- 928572
- 8E8475
- 8B8378
- 87827A
- 84817D
Armonie di colore
Complementare +180°
- A38961
Mukluks
- 768FB4
≈ Allure
Analogo -30° +30°
- A38961
Mukluks
- AE826C
≈ Cider Spice
- 919163
≈ Hula Girl
Triadico +120° +240°
- A38961
Mukluks
- 5C9A9B
≈ Jugendstil Turquoise
- 9E82A7
≈ Rhapsody
Complementare divisa +150° +210°
- A38961
Mukluks
- 6395AC
≈ My Skiff
- 8B88B3
≈ Silk Lilac
Tetradico +90° +180° +270°
- A38961
Mukluks
- 669A86
≈ Cyprus Green
- 768FB4
≈ Allure
- AB7E94
≈ Bouquet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.32:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.30:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--mukluks: #a38961;
--mukluks-rgb: 163 137 97;
--mukluks-oklch: oklch(0.644 0.064 78);
}
.element {
color: var(--mukluks);
background-color: hsl(36 26% 51%);
border-color: oklch(0.644 0.064 78);
}Tailwind CSS v4
@theme {
--color-mukluks: #a38961;
--color-mukluks-50: #fff4e1;
--color-mukluks-100: #f3e6d1;
--color-mukluks-200: #e3d2b6;
--color-mukluks-300: #c9b493;
--color-mukluks-400: #b39a74;
--color-mukluks-500: #9e8155;
--color-mukluks-600: #856d48;
--color-mukluks-700: #6b573a;
--color-mukluks-800: #4f3f29;
--color-mukluks-900: #372c1b;
--color-mukluks-950: #22190c;
}SCSS
$mukluks: #a38961;
$mukluks-rgb: 163, 137, 97;
$mukluks-light: mix(#fff, $mukluks, 20%);
$mukluks-dark: mix(#000, $mukluks, 20%);
.element {
color: $mukluks;
box-shadow: 0 0 0 2px rgba($mukluks, 0.35);
}