Benannte Farbe · #91788C
Muted Berry
Muted Berry ist #91788C: rgb(145 120 140), hsl(312 10% 52%), oklch(0.603 0.042 333). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Muted Berry color name →
#91788C
oklch(0.603 0.042 333)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 9C8597
- A692A2
- B19FAD
- BCACB9
- C7B9C4
- D2C7D0
- DDD5DB
- E8E3E7
- F4F1F3
Shades
- 7D6779
- 6A5767
- 584855
- 463943
- 352A33
- 251D23
- 151014
- 070507
- 010101
Tones
- 8F798B
- 8E7A8A
- 8C7B88
- 8A7B87
- 897C86
- 877D85
- 857E84
- 847E82
- 827F81
Farbharmonien
Komplementär +180°
- 91788C
Muted Berry
- 6E8975
≈ Capsella
Analog -30° +30°
- 91788C
Muted Berry
- 867B96
≈ Dusky Grape
- 98777E
≈ Bohemian Jazz
Triadisch +120° +240°
- 91788C
Muted Berry
- 8A8164
≈ Overgrown Granite
- 648890
≈ Gothic
Geteilt komplementär +150° +210°
- 91788C
Muted Berry
- 7C866A
≈ Swedish Clover
- 658A83
≈ Marsh Creek
Tetradisch +90° +180° +270°
- 91788C
Muted Berry
- 947C67
≈ Gazelle
- 6E8975
≈ Capsella
- 6C8499
≈ Lakeville
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.98:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.26:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.26:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
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);
}