Couleur nommée · #BBA87F
Malt Shake
Malt Shake correspond à #BBA87F : rgb(187 168 127), hsl(41 31% 62%), oklch(0.738 0.06 86). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Malt Shake color name →
#BBA87F
oklch(0.738 0.06 86)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C2B08C
- C8B998
- CFC2A5
- D6CAB1
- DDD3BE
- E3DCCB
- EAE4D8
- F1EDE5
- F8F6F2
Ombres
- A2926E
- 8A7C5D
- 73674C
- 5C523C
- 463F2D
- 322C1F
- 1F1A11
- 0D0A06
- 020101
Tons
- B5A47F
- AFA080
- A99C80
- A39880
- 9D9480
- 979080
- 918C80
- 8C8880
- 868480
Harmonies de couleurs
Complémentaire +180°
- BBA87F
Malt Shake
- 98AAD1
≈ Tinted Lilac
Analogue -30° +30°
- BBA87F
Malt Shake
- C8A186
≈ Peanut Butter Crust
- A8AF84
≈ Wall Green
Triadique +120° +240°
- BBA87F
Malt Shake
- 7DB5BD
≈ Aqua Blue
- BE9DBF
≈ Lupine
Complémentaire divisée +150° +210°
- BBA87F
Malt Shake
- 86B1CB
≈ Batch Blue
- ADA3CC
≈ Puturple
Tétradique +90° +180° +270°
- BBA87F
Malt Shake
- 82B7A9
≈ Mint Bonbon Green
- 98AAD1
≈ Tinted Lilac
- CA9BAB
≈ Rosebay
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.32:1 · APCA Lc 46
Ag
AAASur noir
WCAG 9.02:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
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);
}