Benannte Farbe · #CA3767
Raspberry Jam
Raspberry Jam ist #CA3767: rgb(202 55 103), hsl(340 58% 50%), oklch(0.57 0.185 5.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Raspberry Jam color name →
#CA3767
oklch(0.57 0.185 5.8)
Farbumrechnungen
- HEX
- #ca3767
- RGB
- rgb(202 55 103)
- HSL
- hsl(340 58% 50%)
- HWB
- hwb(340 22% 21%)
- OKLCH
- oklch(0.57 0.185 5.8)
- OKLab
- oklab(0.57 0.184 0.019)
- CIE Lab
- lab(47.88 60.28 8.35)
- LCH
- lch(47.88 60.85 7.9)
- CMYK
- cmyk(0% 73% 49% 21%)
Tints · Shades · Tones
Tints
- D25075
- DA6583
- E07992
- E78DA1
- ECA0B0
- F2B3BF
- F6C6CF
- FAD9DF
- FDECEF
Shades
- AF2E59
- 95264B
- 7C1E3D
- 641630
- 4D0F23
- 370817
- 22030C
- 0F0104
- 020000
Tones
- C44369
- BE4C6C
- B8556E
- B15D71
- AA6473
- A36A76
- 9B7078
- 93767B
- 8A7B7D
Farbharmonien
Komplementär +180°
- CA3767
Raspberry Jam
- 008A80
≈ Clear Turquoise
Analog -30° +30°
- CA3767
Raspberry Jam
- B641A0
≈ Ultraviolet Nusp
- CD3F14
≈ Sauce Piquante
Triadisch +120° +240°
- CA3767
Raspberry Jam
- 638500
≈ Enchanted Forest
- 007DC7
≈ Blue Aster
Geteilt komplementär +150° +210°
- CA3767
Raspberry Jam
- 008F53
≈ Moss
- 00869D
≈ Eastern Blue
Tetradisch +90° +180° +270°
- CA3767
Raspberry Jam
- 8C7600
≈ Vermin Brown
- 008A80
≈ Clear Turquoise
- 5D66E2
≈ Exodus Fruit
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.93:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.25:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--raspberry-jam: #ca3767;
--raspberry-jam-rgb: 202 55 103;
--raspberry-jam-oklch: oklch(0.57 0.185 5.8);
}
.element {
color: var(--raspberry-jam);
background-color: hsl(340 58% 50%);
border-color: oklch(0.57 0.185 5.8);
}Tailwind CSS v4
@theme {
--color-raspberry-jam: #ca3767;
--color-raspberry-jam-50: #ffe0eb;
--color-raspberry-jam-100: #ffcfdc;
--color-raspberry-jam-200: #ffb2c5;
--color-raspberry-jam-300: #ff8ca6;
--color-raspberry-jam-400: #f5678e;
--color-raspberry-jam-500: #e33d74;
--color-raspberry-jam-600: #c03662;
--color-raspberry-jam-700: #9a2b4e;
--color-raspberry-jam-800: #731d3b;
--color-raspberry-jam-900: #511429;
--color-raspberry-jam-950: #360416;
}SCSS
$raspberry-jam: #ca3767;
$raspberry-jam-rgb: 202, 55, 103;
$raspberry-jam-light: mix(#fff, $raspberry-jam, 20%);
$raspberry-jam-dark: mix(#000, $raspberry-jam, 20%);
.element {
color: $raspberry-jam;
box-shadow: 0 0 0 2px rgba($raspberry-jam, 0.35);
}