Colore con nome · #84846F
Mudstone
Mudstone è #84846F: rgb(132 132 111), hsl(60 9% 48%), oklch(0.607 0.031 107.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mudstone color name →
#84846F
oklch(0.607 0.031 107.3)
Conversioni di colore
- HEX
- #84846f
- RGB
- rgb(132 132 111)
- HSL
- hsl(60 9% 48%)
- HWB
- hwb(60 44% 48%)
- OKLCH
- oklch(0.607 0.031 107.3)
- OKLab
- oklab(0.607 -0.009 0.029)
- CIE Lab
- lab(54.7 -2.85 11.4)
- LCH
- lch(54.7 11.75 104)
- CMYK
- cmyk(0% 0% 16% 48%)
Tinte · Ombre · Toni
Tinte
- 90907D
- 9B9B8A
- A7A798
- B3B3A6
- C0C0B5
- CCCCC3
- D9D9D2
- E5E5E1
- F2F2F0
Ombre
- 727260
- 606051
- 4F4F42
- 3F3F34
- 2F2F27
- 20201A
- 12120E
- 060604
- 010101
Toni
- 848471
- 838373
- 838374
- 828276
- 828278
- 828279
- 81817B
- 81817D
- 80807E
Armonie di colore
Complementare +180°
- 84846F
Mudstone
- 818094
≈ Purpletone
Analogo -30° +30°
- 84846F
Mudstone
- 8D806E
≈ Safari Beige
- 7A8775
≈ Privilege Green
Triadico +120° +240°
- 84846F
Mudstone
- 708691
≈ Lyric Blue
- 917B86
≈ Iced Orchid
Complementare divisa +150° +210°
- 84846F
Mudstone
- 778395
≈ Tranquil Pond
- 8A7D8F
≈ Dusky Grape
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.81:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.51:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--mudstone: #84846f;
--mudstone-rgb: 132 132 111;
--mudstone-oklch: oklch(0.607 0.031 107.3);
}
.element {
color: var(--mudstone);
background-color: hsl(60 9% 48%);
border-color: oklch(0.607 0.031 107.3);
}Tailwind CSS v4
@theme {
--color-mudstone: #84846f;
--color-mudstone-50: #f5f6ec;
--color-mudstone-100: #e8e9dd;
--color-mudstone-200: #d5d6c7;
--color-mudstone-300: #b8b9a7;
--color-mudstone-400: #a0a08b;
--color-mudstone-500: #888871;
--color-mudstone-600: #737360;
--color-mudstone-700: #5c5c4c;
--color-mudstone-800: #444337;
--color-mudstone-900: #2f2e26;
--color-mudstone-950: #1b1b14;
}SCSS
$mudstone: #84846f;
$mudstone-rgb: 132, 132, 111;
$mudstone-light: mix(#fff, $mudstone, 20%);
$mudstone-dark: mix(#000, $mudstone, 20%);
.element {
color: $mudstone;
box-shadow: 0 0 0 2px rgba($mudstone, 0.35);
}