Colore con nome · #CA3767
Raspberry Jam
Raspberry Jam è #CA3767: rgb(202 55 103), hsl(340 58% 50%), oklch(0.57 0.185 5.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Raspberry Jam color name →
#CA3767
oklch(0.57 0.185 5.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D25075
- DA6583
- E07992
- E78DA1
- ECA0B0
- F2B3BF
- F6C6CF
- FAD9DF
- FDECEF
Ombre
- AF2E59
- 95264B
- 7C1E3D
- 641630
- 4D0F23
- 370817
- 22030C
- 0F0104
- 020000
Toni
- C44369
- BE4C6C
- B8556E
- B15D71
- AA6473
- A36A76
- 9B7078
- 93767B
- 8A7B7D
Armonie di colore
Complementare +180°
- CA3767
Raspberry Jam
- 008A80
≈ Clear Turquoise
Analogo -30° +30°
- CA3767
Raspberry Jam
- B641A0
≈ Ultraviolet Nusp
- CD3F14
≈ Sauce Piquante
Triadico +120° +240°
- CA3767
Raspberry Jam
- 638500
≈ Enchanted Forest
- 007DC7
≈ Blue Aster
Complementare divisa +150° +210°
- CA3767
Raspberry Jam
- 008F53
≈ Moss
- 00869D
≈ Eastern Blue
Tetradico +90° +180° +270°
- CA3767
Raspberry Jam
- 8C7600
≈ Vermin Brown
- 008A80
≈ Clear Turquoise
- 5D66E2
≈ Exodus Fruit
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.93:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.25:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
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);
}