Cor nomeada · #D4BA9E
Mish Mosh
Mish Mosh é #D4BA9E: rgb(212 186 158), hsl(31 39% 73%), oklch(0.804 0.048 69.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mish Mosh color name →
#D4BA9E
oklch(0.804 0.048 69.1)
Conversões de cor
- HEX
- #d4ba9e
- RGB
- rgb(212 186 158)
- HSL
- hsl(31 39% 73%)
- HWB
- hwb(31 62% 17%)
- OKLCH
- oklch(0.804 0.048 69.1)
- OKLab
- oklab(0.804 0.017 0.045)
- CIE Lab
- lab(77.23 6.44 17.84)
- LCH
- lch(77.23 18.97 70.2)
- CMYK
- cmyk(0% 12% 25% 17%)
Tons claros · Sombras · Tons
Tons claros
- D8C1A8
- DDC8B1
- E1CEBB
- E5D5C4
- EADCCE
- EEE3D8
- F2EAE1
- F6F1EB
- FBF8F5
Sombras
- B8A189
- 9D8974
- 837260
- 695C4D
- 51463A
- 3A3229
- 241E18
- 100D09
- 020201
Tons
- CBB49B
- C3AE98
- BAA895
- B2A292
- A99D8F
- A1978C
- 999189
- 908B86
- 888683
Harmonias de cor
Complementar +180°
- D4BA9E
Mish Mosh
- A8C2DD
≈ Cloudy Blue
Análoga -30° +30°
- D4BA9E
Mish Mosh
- DCB5A8
≈ Toasted Beige
- C6C09D
≈ Northern Landscape
Tríade +120° +240°
- D4BA9E
Mish Mosh
- 9CCAC5
≈ Jamaica Bay
- C8B7D7
≈ Tinted Iris
Complementar dividida +150° +210°
- D4BA9E
Mish Mosh
- 9DC7D4
≈ Soothing Blue
- B8BCDE
≈ Wish
Tétrade +90° +180° +270°
- D4BA9E
Mish Mosh
- A5C9B4
≈ Pastel Meadow
- A8C2DD
≈ Cloudy Blue
- D5B3C9
≈ Pink Ivory
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.31:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--mish-mosh: #d4ba9e;
--mish-mosh-rgb: 212 186 158;
--mish-mosh-oklch: oklch(0.804 0.048 69.1);
}
.element {
color: var(--mish-mosh);
background-color: hsl(31 39% 73%);
border-color: oklch(0.804 0.048 69.1);
}Tailwind CSS v4
@theme {
--color-mish-mosh: #d4ba9e;
--color-mish-mosh-50: #fef3e7;
--color-mish-mosh-100: #f3e6d7;
--color-mish-mosh-200: #e2d1be;
--color-mish-mosh-300: #c8b49d;
--color-mish-mosh-400: #b29a80;
--color-mish-mosh-500: #9c8163;
--color-mish-mosh-600: #846d55;
--color-mish-mosh-700: #695743;
--color-mish-mosh-800: #4e3f30;
--color-mish-mosh-900: #362c21;
--color-mish-mosh-950: #211910;
}SCSS
$mish-mosh: #d4ba9e;
$mish-mosh-rgb: 212, 186, 158;
$mish-mosh-light: mix(#fff, $mish-mosh, 20%);
$mish-mosh-dark: mix(#000, $mish-mosh, 20%);
.element {
color: $mish-mosh;
box-shadow: 0 0 0 2px rgba($mish-mosh, 0.35);
}