Colore con nome · #96819A
Mixed Berries
Mixed Berries è #96819A: rgb(150 129 154), hsl(290 11% 55%), oklch(0.631 0.044 320.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Mixed Berries color name →
#96819A
oklch(0.631 0.044 320.9)
Conversioni di colore
- HEX
- #96819a
- RGB
- rgb(150 129 154)
- HSL
- hsl(290 11% 55%)
- HWB
- hwb(290 51% 40%)
- OKLCH
- oklch(0.631 0.044 320.9)
- OKLab
- oklab(0.631 0.034 -0.028)
- CIE Lab
- lab(56.57 11.78 -10.34)
- LCH
- lch(56.57 15.67 318.7)
- CMYK
- cmyk(3% 16% 0% 40%)
Tinte · Ombre · Toni
Tinte
- A08DA4
- AA99AE
- B5A5B7
- BFB2C1
- C9BECC
- D4CBD6
- DFD8E0
- E9E5EA
- F4F2F5
Ombre
- 826F85
- 6E5E71
- 5B4E5E
- 493E4B
- 372E39
- 261F27
- 161217
- 080609
- 010101
Toni
- 948197
- 928195
- 8F8192
- 8D8190
- 8B818D
- 89818A
- 878088
- 848085
- 828083
Armonie di colore
Complementare +180°
- 96819A
Mixed Berries
- 7B9077
≈ Loden Frost
Analogo -30° +30°
- 96819A
Mixed Berries
- 8985A3
≈ Purple Hills
- 9F7F8D
≈ Garden Plum
Triadico +120° +240°
- 96819A
Mixed Berries
- 97876B
≈ Woodkraft
- 6A9294
≈ Blue Clay
Complementare divisa +150° +210°
- 96819A
Mixed Berries
- 8A8C6E
≈ Playing Hooky
- 6F9286
≈ Nephrite
Tetradico +90° +180° +270°
- 96819A
Mixed Berries
- A08272
≈ Beaver Kit
- 7B9077
≈ Loden Frost
- 6E8FA0
≈ Smoky Azurite
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.55:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.90:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--mixed-berries: #96819a;
--mixed-berries-rgb: 150 129 154;
--mixed-berries-oklch: oklch(0.631 0.044 320.9);
}
.element {
color: var(--mixed-berries);
background-color: hsl(290 11% 55%);
border-color: oklch(0.631 0.044 320.9);
}Tailwind CSS v4
@theme {
--color-mixed-berries: #96819a;
--color-mixed-berries-50: #fcf1fd;
--color-mixed-berries-100: #efe3f1;
--color-mixed-berries-200: #decedf;
--color-mixed-berries-300: #c3b0c5;
--color-mixed-berries-400: #ab96af;
--color-mixed-berries-500: #947d98;
--color-mixed-berries-600: #7d6a81;
--color-mixed-berries-700: #645567;
--color-mixed-berries-800: #493e4c;
--color-mixed-berries-900: #332a35;
--color-mixed-berries-950: #1e1820;
}SCSS
$mixed-berries: #96819a;
$mixed-berries-rgb: 150, 129, 154;
$mixed-berries-light: mix(#fff, $mixed-berries, 20%);
$mixed-berries-dark: mix(#000, $mixed-berries, 20%);
.element {
color: $mixed-berries;
box-shadow: 0 0 0 2px rgba($mixed-berries, 0.35);
}