Colore con nome · #91788C
Muted Berry
Muted Berry è #91788C: rgb(145 120 140), hsl(312 10% 52%), oklch(0.603 0.042 333). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Muted Berry color name →
#91788C
oklch(0.603 0.042 333)
Conversioni di colore
- HEX
- #91788c
- RGB
- rgb(145 120 140)
- HSL
- hsl(312 10% 52%)
- HWB
- hwb(312 47% 43%)
- OKLCH
- oklch(0.603 0.042 333)
- OKLab
- oklab(0.603 0.038 -0.019)
- CIE Lab
- lab(53.34 12.71 -7.09)
- LCH
- lch(53.34 14.56 330.8)
- CMYK
- cmyk(0% 17% 3% 43%)
Tinte · Ombre · Toni
Tinte
- 9C8597
- A692A2
- B19FAD
- BCACB9
- C7B9C4
- D2C7D0
- DDD5DB
- E8E3E7
- F4F1F3
Ombre
- 7D6779
- 6A5767
- 584855
- 463943
- 352A33
- 251D23
- 151014
- 070507
- 010101
Toni
- 8F798B
- 8E7A8A
- 8C7B88
- 8A7B87
- 897C86
- 877D85
- 857E84
- 847E82
- 827F81
Armonie di colore
Complementare +180°
- 91788C
Muted Berry
- 6E8975
≈ Capsella
Analogo -30° +30°
- 91788C
Muted Berry
- 867B96
≈ Dusky Grape
- 98777E
≈ Bohemian Jazz
Triadico +120° +240°
- 91788C
Muted Berry
- 8A8164
≈ Overgrown Granite
- 648890
≈ Gothic
Complementare divisa +150° +210°
- 91788C
Muted Berry
- 7C866A
≈ Swedish Clover
- 658A83
≈ Marsh Creek
Tetradico +90° +180° +270°
- 91788C
Muted Berry
- 947C67
≈ Gazelle
- 6E8975
≈ Capsella
- 6C8499
≈ Lakeville
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.98:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.26:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.26:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--muted-berry: #91788c;
--muted-berry-rgb: 145 120 140;
--muted-berry-oklch: oklch(0.603 0.042 333);
}
.element {
color: var(--muted-berry);
background-color: hsl(312 10% 52%);
border-color: oklch(0.603 0.042 333);
}Tailwind CSS v4
@theme {
--color-muted-berry: #91788c;
--color-muted-berry-50: #fdf1fa;
--color-muted-berry-100: #f1e3ed;
--color-muted-berry-200: #e0cedb;
--color-muted-berry-300: #c6b0c0;
--color-muted-berry-400: #ae96a9;
--color-muted-berry-500: #987c92;
--color-muted-berry-600: #80697c;
--color-muted-berry-700: #675463;
--color-muted-berry-800: #4b3d49;
--color-muted-berry-900: #342a33;
--color-muted-berry-950: #20181e;
}SCSS
$muted-berry: #91788c;
$muted-berry-rgb: 145, 120, 140;
$muted-berry-light: mix(#fff, $muted-berry, 20%);
$muted-berry-dark: mix(#000, $muted-berry, 20%);
.element {
color: $muted-berry;
box-shadow: 0 0 0 2px rgba($muted-berry, 0.35);
}