Colore con nome · #D4BA9E
Mish Mosh
Mish Mosh è #D4BA9E: rgb(212 186 158), hsl(31 39% 73%), oklch(0.804 0.048 69.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mish Mosh color name →
#D4BA9E
oklch(0.804 0.048 69.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D8C1A8
- DDC8B1
- E1CEBB
- E5D5C4
- EADCCE
- EEE3D8
- F2EAE1
- F6F1EB
- FBF8F5
Ombre
- B8A189
- 9D8974
- 837260
- 695C4D
- 51463A
- 3A3229
- 241E18
- 100D09
- 020201
Toni
- CBB49B
- C3AE98
- BAA895
- B2A292
- A99D8F
- A1978C
- 999189
- 908B86
- 888683
Armonie di colore
Complementare +180°
- D4BA9E
Mish Mosh
- A8C2DD
≈ Cloudy Blue
Analogo -30° +30°
- D4BA9E
Mish Mosh
- DCB5A8
≈ Toasted Beige
- C6C09D
≈ Northern Landscape
Triadico +120° +240°
- D4BA9E
Mish Mosh
- 9CCAC5
≈ Jamaica Bay
- C8B7D7
≈ Tinted Iris
Complementare divisa +150° +210°
- D4BA9E
Mish Mosh
- 9DC7D4
≈ Soothing Blue
- B8BCDE
≈ Wish
Tetradico +90° +180° +270°
- D4BA9E
Mish Mosh
- A5C9B4
≈ Pastel Meadow
- A8C2DD
≈ Cloudy Blue
- D5B3C9
≈ Pink Ivory
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.31:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}