Nazwany kolor · #9F3753
Raspberry Ice Red
Raspberry Ice Red to #9F3753: rgb(159 55 83), hsl(344 49% 42%), oklch(0.493 0.139 7.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Raspberry Ice Red color name →
#9F3753
oklch(0.493 0.139 7.4)
Konwersje koloru
- HEX
- #9f3753
- RGB
- rgb(159 55 83)
- HSL
- hsl(344 49% 42%)
- HWB
- hwb(344 22% 38%)
- OKLCH
- oklch(0.493 0.139 7.4)
- OKLab
- oklab(0.493 0.138 0.018)
- CIE Lab
- lab(39.54 45.43 7.75)
- LCH
- lch(39.54 46.09 9.7)
- CMYK
- cmyk(0% 65% 48% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB4C63
- B66073
- C07483
- CA8794
- D49BA5
- DEAFB6
- E7C2C8
- EFD6DA
- F7EBEC
Odcienie ciemniejsze
- 8A2E47
- 75263B
- 611E30
- 4D1625
- 3B0F1B
- 290811
- 180308
- 090102
- 010000
Tony
- 9D4057
- 9B495C
- 995160
- 975865
- 945F69
- 91666E
- 8D6D72
- 897377
- 857A7B
Harmonie kolorów
Komplementarna +180°
- 9F3753
Raspberry Ice Red
- 00716A
≈ Tide Pools
Analogowa -30° +30°
- 9F3753
Raspberry Ice Red
- 913C7D
≈ Magenta Red
- A03D1E
≈ Muddy
Triada +120° +240°
- 9F3753
Raspberry Ice Red
- 4D6E00
≈ Over the Hills
- 0065A7
≈ Medium Persian Blue
Komplementarna rozszczepiona +150° +210°
- 9F3753
Raspberry Ice Red
- 007446
≈ Gnarls Green
- 006D82
≈ Azure Green Blue
Tetrada +90° +180° +270°
- 9F3753
Raspberry Ice Red
- 716100
≈ Spicy Mustard
- 00716A
≈ Tide Pools
- 5055AE
≈ Brandywine Raspberry
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.67:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--raspberry-ice-red: #9f3753;
--raspberry-ice-red-rgb: 159 55 83;
--raspberry-ice-red-oklch: oklch(0.493 0.139 7.4);
}
.element {
color: var(--raspberry-ice-red);
background-color: hsl(344 49% 42%);
border-color: oklch(0.493 0.139 7.4);
}Tailwind CSS v4
@theme {
--color-raspberry-ice-red: #9f3753;
--color-raspberry-ice-red-50: #ffe5ec;
--color-raspberry-ice-red-100: #ffd5de;
--color-raspberry-ice-red-200: #ffbcc7;
--color-raspberry-ice-red-300: #f599a8;
--color-raspberry-ice-red-400: #e27990;
--color-raspberry-ice-red-500: #d05876;
--color-raspberry-ice-red-600: #af4b64;
--color-raspberry-ice-red-700: #8d3c50;
--color-raspberry-ice-red-800: #692b3b;
--color-raspberry-ice-red-900: #4a1d29;
--color-raspberry-ice-red-950: #300c17;
}SCSS
$raspberry-ice-red: #9f3753;
$raspberry-ice-red-rgb: 159, 55, 83;
$raspberry-ice-red-light: mix(#fff, $raspberry-ice-red, 20%);
$raspberry-ice-red-dark: mix(#000, $raspberry-ice-red, 20%);
.element {
color: $raspberry-ice-red;
box-shadow: 0 0 0 2px rgba($raspberry-ice-red, 0.35);
}