Nazwany kolor · #CA3767
Raspberry Jam
Raspberry Jam to #CA3767: rgb(202 55 103), hsl(340 58% 50%), oklch(0.57 0.185 5.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Raspberry Jam color name →
#CA3767
oklch(0.57 0.185 5.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D25075
- DA6583
- E07992
- E78DA1
- ECA0B0
- F2B3BF
- F6C6CF
- FAD9DF
- FDECEF
Odcienie ciemniejsze
- AF2E59
- 95264B
- 7C1E3D
- 641630
- 4D0F23
- 370817
- 22030C
- 0F0104
- 020000
Tony
- C44369
- BE4C6C
- B8556E
- B15D71
- AA6473
- A36A76
- 9B7078
- 93767B
- 8A7B7D
Harmonie kolorów
Komplementarna +180°
- CA3767
Raspberry Jam
- 008A80
≈ Clear Turquoise
Analogowa -30° +30°
- CA3767
Raspberry Jam
- B641A0
≈ Ultraviolet Nusp
- CD3F14
≈ Sauce Piquante
Triada +120° +240°
- CA3767
Raspberry Jam
- 638500
≈ Enchanted Forest
- 007DC7
≈ Blue Aster
Komplementarna rozszczepiona +150° +210°
- CA3767
Raspberry Jam
- 008F53
≈ Moss
- 00869D
≈ Eastern Blue
Tetrada +90° +180° +270°
- CA3767
Raspberry Jam
- 8C7600
≈ Vermin Brown
- 008A80
≈ Clear Turquoise
- 5D66E2
≈ Exodus Fruit
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.93:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.25:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}