Warna bernama · #BBA87F
Malt Shake
Malt Shake adalah #BBA87F: rgb(187 168 127), hsl(41 31% 62%), oklch(0.738 0.06 86). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Malt Shake color name →
#BBA87F
oklch(0.738 0.06 86)
Konversi warna
- HEX
- #bba87f
- RGB
- rgb(187 168 127)
- HSL
- hsl(41 31% 62%)
- HWB
- hwb(41 50% 27%)
- OKLCH
- oklch(0.738 0.06 86)
- OKLab
- oklab(0.738 0.004 0.06)
- CIE Lab
- lab(69.76 2.56 23.9)
- LCH
- lch(69.76 24.04 83.9)
- CMYK
- cmyk(0% 10% 32% 27%)
Tint · Shade · Tone
Tint
- C2B08C
- C8B998
- CFC2A5
- D6CAB1
- DDD3BE
- E3DCCB
- EAE4D8
- F1EDE5
- F8F6F2
Shade
- A2926E
- 8A7C5D
- 73674C
- 5C523C
- 463F2D
- 322C1F
- 1F1A11
- 0D0A06
- 020101
Tone
- B5A47F
- AFA080
- A99C80
- A39880
- 9D9480
- 979080
- 918C80
- 8C8880
- 868480
Harmoni warna
Komplementer +180°
- BBA87F
Malt Shake
- 98AAD1
≈ Tinted Lilac
Analog -30° +30°
- BBA87F
Malt Shake
- C8A186
≈ Peanut Butter Crust
- A8AF84
≈ Wall Green
Triadik +120° +240°
- BBA87F
Malt Shake
- 7DB5BD
≈ Aqua Blue
- BE9DBF
≈ Lupine
Split-komplementer +150° +210°
- BBA87F
Malt Shake
- 86B1CB
≈ Batch Blue
- ADA3CC
≈ Puturple
Tetradik +90° +180° +270°
- BBA87F
Malt Shake
- 82B7A9
≈ Mint Bonbon Green
- 98AAD1
≈ Tinted Lilac
- CA9BAB
≈ Rosebay
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.32:1 · APCA Lc 46
Ag
AAADi atas hitam
WCAG 9.02:1 · APCA Lc 56
Warna teks terbaik: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Cuplikan kode
CSS
:root {
--malt-shake: #bba87f;
--malt-shake-rgb: 187 168 127;
--malt-shake-oklch: oklch(0.738 0.06 86);
}
.element {
color: var(--malt-shake);
background-color: hsl(41 31% 62%);
border-color: oklch(0.738 0.06 86);
}Tailwind CSS v4
@theme {
--color-malt-shake: #bba87f;
--color-malt-shake-50: #fcf5e2;
--color-malt-shake-100: #f0e7d2;
--color-malt-shake-200: #dfd3b8;
--color-malt-shake-300: #c4b695;
--color-malt-shake-400: #ae9c76;
--color-malt-shake-500: #988457;
--color-malt-shake-600: #806f4b;
--color-malt-shake-700: #67593b;
--color-malt-shake-800: #4c412a;
--color-malt-shake-900: #352d1c;
--color-malt-shake-950: #201a0c;
}SCSS
$malt-shake: #bba87f;
$malt-shake-rgb: 187, 168, 127;
$malt-shake-light: mix(#fff, $malt-shake, 20%);
$malt-shake-dark: mix(#000, $malt-shake, 20%);
.element {
color: $malt-shake;
box-shadow: 0 0 0 2px rgba($malt-shake, 0.35);
}