Nazwany kolor · #9B6287
Raspberry Jelly Red
Raspberry Jelly Red to #9B6287: rgb(155 98 135), hsl(321 23% 50%), oklch(0.57 0.089 341). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Raspberry Jelly Red color name →
#9B6287
oklch(0.57 0.089 341)
Konwersje koloru
- HEX
- #9b6287
- RGB
- rgb(155 98 135)
- HSL
- hsl(321 23% 50%)
- HWB
- hwb(321 38% 39%)
- OKLCH
- oklch(0.57 0.089 341)
- OKLab
- oklab(0.57 0.084 -0.029)
- CIE Lab
- lab(48.91 27.89 -10.56)
- LCH
- lch(48.91 29.82 339.3)
- CMYK
- cmyk(0% 37% 13% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A57192
- B0809E
- BA8FAA
- C49FB6
- CEAEC1
- D8BECE
- E2CEDA
- EBDEE6
- F5EFF2
Odcienie ciemniejsze
- 865475
- 724763
- 5E3A51
- 4B2D41
- 392131
- 281621
- 180B13
- 090306
- 010001
Tony
- 996586
- 966986
- 946C85
- 916F84
- 8F7284
- 8C7583
- 897882
- 867A82
- 837D81
Harmonie kolorów
Komplementarna +180°
- 9B6287
Raspberry Jelly Red
- 418866
≈ Mallard Green
Analogowa -30° +30°
- 9B6287
Raspberry Jelly Red
- 88689E
≈ Dark Lavender
- A5616A
≈ Cinnapink
Triada +120° +240°
- 9B6287
Raspberry Jelly Red
- 837936
≈ Dragon Well
- 2C839C
≈ Kings of Sea
Komplementarna rozszczepiona +150° +210°
- 9B6287
Raspberry Jelly Red
- 658249
≈ Talipot Palm
- 238884
≈ Tubbataha Teal
Tetrada +90° +180° +270°
- 9B6287
Raspberry Jelly Red
- 986E38
≈ Half Orc Highlight
- 418866
≈ Mallard Green
- 4E7BAA
≈ Into the Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.67:1 · APCA Lc 72
Ag
FailNa czerni
WCAG 4.49:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.67:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--raspberry-jelly-red: #9b6287;
--raspberry-jelly-red-rgb: 155 98 135;
--raspberry-jelly-red-oklch: oklch(0.57 0.089 341);
}
.element {
color: var(--raspberry-jelly-red);
background-color: hsl(321 23% 50%);
border-color: oklch(0.57 0.089 341);
}Tailwind CSS v4
@theme {
--color-raspberry-jelly-red: #9b6287;
--color-raspberry-jelly-red-50: #ffecfc;
--color-raspberry-jelly-red-100: #feddf0;
--color-raspberry-jelly-red-200: #f1c6de;
--color-raspberry-jelly-red-300: #d9a6c3;
--color-raspberry-jelly-red-400: #c38aae;
--color-raspberry-jelly-red-500: #ae6e98;
--color-raspberry-jelly-red-600: #935d80;
--color-raspberry-jelly-red-700: #764b67;
--color-raspberry-jelly-red-800: #57364d;
--color-raspberry-jelly-red-900: #3d2535;
--color-raspberry-jelly-red-950: #261320;
}SCSS
$raspberry-jelly-red: #9b6287;
$raspberry-jelly-red-rgb: 155, 98, 135;
$raspberry-jelly-red-light: mix(#fff, $raspberry-jelly-red, 20%);
$raspberry-jelly-red-dark: mix(#000, $raspberry-jelly-red, 20%);
.element {
color: $raspberry-jelly-red;
box-shadow: 0 0 0 2px rgba($raspberry-jelly-red, 0.35);
}