Benannte Farbe · #D78BAD
Berry Twist
Berry Twist ist #D78BAD: rgb(215 139 173), hsl(333 49% 69%), oklch(0.724 0.102 351.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Berry Twist color name →
#D78BAD
oklch(0.724 0.102 351.5)
Farbumrechnungen
- HEX
- #d78bad
- RGB
- rgb(215 139 173)
- HSL
- hsl(333 49% 69%)
- HWB
- hwb(333 55% 16%)
- OKLCH
- oklch(0.724 0.102 351.5)
- OKLab
- oklab(0.724 0.1 -0.015)
- CIE Lab
- lab(66.64 33.2 -5.3)
- LCH
- lch(66.64 33.62 350.9)
- CMYK
- cmyk(0% 35% 20% 16%)
Tints · Shades · Tones
Tints
- DC97B5
- E0A2BD
- E5AEC5
- E9B9CD
- EDC5D5
- F1D0DE
- F5DCE6
- F8E7EE
- FCF3F7
Shades
- BB7896
- 9F667F
- 85546A
- 6B4355
- 523241
- 3B232D
- 25141B
- 11070B
- 020101
Tones
- CE8AA8
- C689A4
- BD889F
- B5879B
- AC8696
- A38592
- 9B848D
- 928389
- 898184
Farbharmonien
Komplementär +180°
- D78BAD
Berry Twist
- 5ABB9E
≈ Puerto Rico
Analog -30° +30°
- D78BAD
Berry Twist
- C491CC
≈ Rose Souvenir
- DE8C8A
≈ Honeysuckle Rose
Triadisch +120° +240°
- D78BAD
Berry Twist
- A8AC5E
≈ Spinach Banana Smoothie
- 5CB1DA
≈ Sail Away
Geteilt komplementär +150° +210°
- D78BAD
Berry Twist
- 81B67A
≈ Colour Me Green
- 47B9C1
≈ Montego Bay
Tetradisch +90° +180° +270°
- D78BAD
Berry Twist
- C69F57
≈ Camel
- 5ABB9E
≈ Puerto Rico
- 82A6E6
≈ Blue Cue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.56:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.18:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--berry-twist: #d78bad;
--berry-twist-rgb: 215 139 173;
--berry-twist-oklch: oklch(0.724 0.102 351.5);
}
.element {
color: var(--berry-twist);
background-color: hsl(333 49% 69%);
border-color: oklch(0.724 0.102 351.5);
}Tailwind CSS v4
@theme {
--color-berry-twist: #d78bad;
--color-berry-twist-50: #ffeaf7;
--color-berry-twist-100: #ffdbea;
--color-berry-twist-200: #f8c3d7;
--color-berry-twist-300: #e1a2bb;
--color-berry-twist-400: #cd85a5;
--color-berry-twist-500: #b9688e;
--color-berry-twist-600: #9c5978;
--color-berry-twist-700: #7d4760;
--color-berry-twist-800: #5c3348;
--color-berry-twist-900: #412332;
--color-berry-twist-950: #29121e;
}SCSS
$berry-twist: #d78bad;
$berry-twist-rgb: 215, 139, 173;
$berry-twist-light: mix(#fff, $berry-twist, 20%);
$berry-twist-dark: mix(#000, $berry-twist, 20%);
.element {
color: $berry-twist;
box-shadow: 0 0 0 2px rgba($berry-twist, 0.35);
}