Colore con nome · #918278
Mocha Wisp
Mocha Wisp è #918278: rgb(145 130 120), hsl(24 10% 52%), oklch(0.617 0.024 55.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mocha Wisp color name →
#918278
oklch(0.617 0.024 55.9)
Conversioni di colore
- HEX
- #918278
- RGB
- rgb(145 130 120)
- HSL
- hsl(24 10% 52%)
- HWB
- hwb(24 47% 43%)
- OKLCH
- oklch(0.617 0.024 55.9)
- OKLab
- oklab(0.617 0.013 0.02)
- CIE Lab
- lab(55.52 4.6 7.62)
- LCH
- lch(55.52 8.9 58.9)
- CMYK
- cmyk(0% 10% 17% 43%)
Tinte · Ombre · Toni
Tinte
- 9C8E85
- A69A92
- B1A69F
- BCB2AC
- C7BFB9
- D2CBC7
- DDD8D5
- E8E5E3
- F4F2F1
Ombre
- 7D7067
- 6A5F57
- 584E48
- 463E39
- 352F2A
- 25201D
- 151210
- 070605
- 010101
Toni
- 8F8279
- 8E827A
- 8C817A
- 8A817B
- 89817C
- 87817D
- 85817E
- 83807E
- 82807F
Armonie di colore
Complementare +180°
- 918278
Mocha Wisp
- 788892
≈ Deep Channel
Analogo -30° +30°
- 918278
Mocha Wisp
- 93807E
≈ California Dreamin’
- 8C8576
≈ Camo Beige
Triadico +120° +240°
- 918278
Mocha Wisp
- 778A85
≈ Juniper Ash
- 868392
≈ Mecha Metal
Complementare divisa +150° +210°
- 918278
Mocha Wisp
- 768A8C
≈ Leisure Time
- 7F8594
≈ Stand Out
Tetradico +90° +180° +270°
- 918278
Mocha Wisp
- 7D897D
≈ Salty Sea
- 788892
≈ Deep Channel
- 8D818D
≈ Asian Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.70:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.66:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--mocha-wisp: #918278;
--mocha-wisp-rgb: 145 130 120;
--mocha-wisp-oklch: oklch(0.617 0.024 55.9);
}
.element {
color: var(--mocha-wisp);
background-color: hsl(24 10% 52%);
border-color: oklch(0.617 0.024 55.9);
}Tailwind CSS v4
@theme {
--color-mocha-wisp: #918278;
--color-mocha-wisp-50: #fbf4ef;
--color-mocha-wisp-100: #eee6e0;
--color-mocha-wisp-200: #dcd2cb;
--color-mocha-wisp-300: #c1b5ac;
--color-mocha-wisp-400: #aa9b91;
--color-mocha-wisp-500: #938277;
--color-mocha-wisp-600: #7c6e65;
--color-mocha-wisp-700: #645851;
--color-mocha-wisp-800: #49403b;
--color-mocha-wisp-900: #332c28;
--color-mocha-wisp-950: #1e1916;
}SCSS
$mocha-wisp: #918278;
$mocha-wisp-rgb: 145, 130, 120;
$mocha-wisp-light: mix(#fff, $mocha-wisp, 20%);
$mocha-wisp-dark: mix(#000, $mocha-wisp, 20%);
.element {
color: $mocha-wisp;
box-shadow: 0 0 0 2px rgba($mocha-wisp, 0.35);
}