Colore con nome · #AB9378
Sauteed Mushroom
Sauteed Mushroom è #AB9378: rgb(171 147 120), hsl(32 23% 57%), oklch(0.678 0.048 70.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sauteed Mushroom color name →
#AB9378
oklch(0.678 0.048 70.2)
Conversioni di colore
- HEX
- #ab9378
- RGB
- rgb(171 147 120)
- HSL
- hsl(32 23% 57%)
- HWB
- hwb(32 47% 33%)
- OKLCH
- oklch(0.678 0.048 70.2)
- OKLab
- oklab(0.678 0.016 0.045)
- CIE Lab
- lab(62.61 6.2 17.84)
- LCH
- lch(62.61 18.89 70.8)
- CMYK
- cmyk(0% 14% 30% 33%)
Tinte · Ombre · Toni
Tinte
- B39D85
- BCA892
- C4B29F
- CCBDAC
- D5C8BA
- DDD3C7
- E5DED5
- EEE9E3
- F6F4F1
Ombre
- 947F67
- 7E6C57
- 685948
- 544739
- 40362A
- 2D251D
- 1B1610
- 0B0805
- 010101
Toni
- A79179
- A28F7A
- 9E8D7B
- 9A8C7C
- 958A7D
- 91887D
- 8D867E
- 89847F
- 84827F
Armonie di colore
Complementare +180°
- AB9378
Sauteed Mushroom
- 829AB5
≈ Polished Metal
Analogo -30° +30°
- AB9378
Sauteed Mushroom
- B28E82
≈ Coyote Tracks
- 9E9977
≈ A Frond in Need
Triadico +120° +240°
- AB9378
Sauteed Mushroom
- 76A19E
≈ Delaware Blue Hen
- A190AE
≈ Compliment
Complementare divisa +150° +210°
- AB9378
Sauteed Mushroom
- 779FAC
≈ Bosco Blue
- 9195B5
≈ Lively Lilac
Tetradico +90° +180° +270°
- AB9378
Sauteed Mushroom
- 7FA18E
≈ Mossy Bench
- 829AB5
≈ Polished Metal
- AD8DA1
≈ Palisade Orchid
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 {
--sauteed-mushroom: #ab9378;
--sauteed-mushroom-rgb: 171 147 120;
--sauteed-mushroom-oklch: oklch(0.678 0.048 70.2);
}
.element {
color: var(--sauteed-mushroom);
background-color: hsl(32 23% 57%);
border-color: oklch(0.678 0.048 70.2);
}Tailwind CSS v4
@theme {
--color-sauteed-mushroom: #ab9378;
--color-sauteed-mushroom-50: #fef3e7;
--color-sauteed-mushroom-100: #f2e6d7;
--color-sauteed-mushroom-200: #e1d1bf;
--color-sauteed-mushroom-300: #c7b49d;
--color-sauteed-mushroom-400: #b19a80;
--color-sauteed-mushroom-500: #9b8164;
--color-sauteed-mushroom-600: #836d55;
--color-sauteed-mushroom-700: #695744;
--color-sauteed-mushroom-800: #4e3f31;
--color-sauteed-mushroom-900: #362c21;
--color-sauteed-mushroom-950: #211910;
}SCSS
$sauteed-mushroom: #ab9378;
$sauteed-mushroom-rgb: 171, 147, 120;
$sauteed-mushroom-light: mix(#fff, $sauteed-mushroom, 20%);
$sauteed-mushroom-dark: mix(#000, $sauteed-mushroom, 20%);
.element {
color: $sauteed-mushroom;
box-shadow: 0 0 0 2px rgba($sauteed-mushroom, 0.35);
}