Nazwany kolor · #918278
Mocha Wisp
Mocha Wisp to #918278: rgb(145 130 120), hsl(24 10% 52%), oklch(0.617 0.024 55.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mocha Wisp color name →
#918278
oklch(0.617 0.024 55.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9C8E85
- A69A92
- B1A69F
- BCB2AC
- C7BFB9
- D2CBC7
- DDD8D5
- E8E5E3
- F4F2F1
Odcienie ciemniejsze
- 7D7067
- 6A5F57
- 584E48
- 463E39
- 352F2A
- 25201D
- 151210
- 070605
- 010101
Tony
- 8F8279
- 8E827A
- 8C817A
- 8A817B
- 89817C
- 87817D
- 85817E
- 83807E
- 82807F
Harmonie kolorów
Komplementarna +180°
- 918278
Mocha Wisp
- 788892
≈ Deep Channel
Analogowa -30° +30°
- 918278
Mocha Wisp
- 93807E
≈ California Dreamin’
- 8C8576
≈ Camo Beige
Triada +120° +240°
- 918278
Mocha Wisp
- 778A85
≈ Juniper Ash
- 868392
≈ Mecha Metal
Komplementarna rozszczepiona +150° +210°
- 918278
Mocha Wisp
- 768A8C
≈ Leisure Time
- 7F8594
≈ Stand Out
Tetrada +90° +180° +270°
- 918278
Mocha Wisp
- 7D897D
≈ Salty Sea
- 788892
≈ Deep Channel
- 8D818D
≈ Asian Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.70:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.66:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
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);
}