Benannte Farbe · #872657
Dark Raspberry
Dark Raspberry ist #872657: rgb(135 38 87), hsl(330 56% 34%), oklch(0.435 0.14 353.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dark Raspberry color name →
#872657
oklch(0.435 0.14 353.5)
Farbumrechnungen
- HEX
- #872657
- RGB
- rgb(135 38 87)
- HSL
- hsl(330 56% 34%)
- HWB
- hwb(330 15% 47%)
- OKLCH
- oklch(0.435 0.14 353.5)
- OKLab
- oklab(0.435 0.139 -0.016)
- CIE Lab
- lab(32.61 44.71 -5.44)
- LCH
- lch(32.61 45.04 353.1)
- CMYK
- cmyk(0% 72% 36% 47%)
Tints · Shades · Tones
Tints
- 953D66
- A25376
- AF6886
- BB7D96
- C792A7
- D3A7B8
- DFBDC9
- EAD3DB
- F5E9ED
Shades
- 75204B
- 63193E
- 511333
- 410D27
- 31081C
- 210412
- 130208
- 060103
- 010000
Tones
- 88325B
- 883C5F
- 884663
- 884F67
- 88576B
- 87606F
- 866873
- 847078
- 82787C
Farbharmonien
Komplementär +180°
- 872657
Dark Raspberry
- 00604D
≈ Sci-Fi Takeout
Analog -30° +30°
- 872657
Dark Raspberry
- 74307C
≈ Maximum Purple
- 8E2629
≈ Old Mandarin
Triadisch +120° +240°
- 872657
Dark Raspberry
- 515600
≈ Douro
- 00587B
≈ Commandes
Geteilt komplementär +150° +210°
- 872657
Dark Raspberry
- 06630F
≈ Emerald Green
- 005D63
≈ Enamelled Jewel
Tetradisch +90° +180° +270°
- 872657
Dark Raspberry
- 684C00
≈ Antique Bronze
- 00604D
≈ Sci-Fi Takeout
- 274B9D
≈ Sea of Tears
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.58:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.44:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.58:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--dark-raspberry: #872657;
--dark-raspberry-rgb: 135 38 87;
--dark-raspberry-oklch: oklch(0.435 0.14 353.5);
}
.element {
color: var(--dark-raspberry);
background-color: hsl(330 56% 34%);
border-color: oklch(0.435 0.14 353.5);
}Tailwind CSS v4
@theme {
--color-dark-raspberry: #872657;
--color-dark-raspberry-50: #ffe5f7;
--color-dark-raspberry-100: #ffd5ea;
--color-dark-raspberry-200: #ffbcd7;
--color-dark-raspberry-300: #f099ba;
--color-dark-raspberry-400: #dd79a5;
--color-dark-raspberry-500: #ca598d;
--color-dark-raspberry-600: #aa4c78;
--color-dark-raspberry-700: #893d60;
--color-dark-raspberry-800: #652b48;
--color-dark-raspberry-900: #471d32;
--color-dark-raspberry-950: #2e0d1e;
}SCSS
$dark-raspberry: #872657;
$dark-raspberry-rgb: 135, 38, 87;
$dark-raspberry-light: mix(#fff, $dark-raspberry, 20%);
$dark-raspberry-dark: mix(#000, $dark-raspberry, 20%);
.element {
color: $dark-raspberry;
box-shadow: 0 0 0 2px rgba($dark-raspberry, 0.35);
}