Colore con nome · #882D50
Raspberry Radiance
Raspberry Radiance è #882D50: rgb(136 45 80), hsl(337 50% 35%), oklch(0.442 0.128 0.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Raspberry Radiance color name →
#882D50
oklch(0.442 0.128 0.1)
Conversioni di colore
- HEX
- #882d50
- RGB
- rgb(136 45 80)
- HSL
- hsl(337 50% 35%)
- HWB
- hwb(337 18% 47%)
- OKLCH
- oklch(0.442 0.128 0.1)
- OKLab
- oklab(0.442 0.128 0)
- CIE Lab
- lab(33.66 41.64 0.65)
- LCH
- lch(33.66 41.64 0.9)
- CMYK
- cmyk(0% 67% 41% 47%)
Tinte · Ombre · Toni
Tinte
- 954360
- A35770
- AF6C81
- BC8092
- C895A3
- D3A9B5
- DFBEC7
- EAD4D9
- F4E9EC
Ombre
- 752644
- 631F39
- 52182E
- 411124
- 310B1A
- 220610
- 130207
- 060102
- 010000
Toni
- 893755
- 894059
- 89495E
- 895163
- 885A68
- 87616C
- 866971
- 847176
- 82787B
Armonie di colore
Complementare +180°
- 882D50
Raspberry Radiance
- 006155
≈ Alpine Green
Analogo -30° +30°
- 882D50
Raspberry Radiance
- 793474
≈ Veronica Purple
- 8C3024
≈ Burnt Umber
Triadico +120° +240°
- 882D50
Raspberry Radiance
- 4C5B00
≈ Kyuri Green
- 005985
≈ Sea Cave
Complementare divisa +150° +210°
- 882D50
Raspberry Radiance
- 00652B
≈ Woodland Wonder
- 005E6A
≈ Fish Tale
Tetradico +90° +180° +270°
- 882D50
Raspberry Radiance
- 665000
≈ Olive Brown
- 006155
≈ Alpine Green
- 384B99
≈ Dazzling Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.27:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.53:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.27:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--raspberry-radiance: #882d50;
--raspberry-radiance-rgb: 136 45 80;
--raspberry-radiance-oklch: oklch(0.442 0.128 0.1);
}
.element {
color: var(--raspberry-radiance);
background-color: hsl(337 50% 35%);
border-color: oklch(0.442 0.128 0.1);
}Tailwind CSS v4
@theme {
--color-raspberry-radiance: #882d50;
--color-raspberry-radiance-50: #ffe7f2;
--color-raspberry-radiance-100: #ffd7e4;
--color-raspberry-radiance-200: #ffbed0;
--color-raspberry-radiance-300: #ef9cb2;
--color-raspberry-radiance-400: #db7d9b;
--color-raspberry-radiance-500: #c85d82;
--color-raspberry-radiance-600: #a9506e;
--color-raspberry-radiance-700: #883f58;
--color-raspberry-radiance-800: #642d42;
--color-raspberry-radiance-900: #471f2e;
--color-raspberry-radiance-950: #2e0e1a;
}SCSS
$raspberry-radiance: #882d50;
$raspberry-radiance-rgb: 136, 45, 80;
$raspberry-radiance-light: mix(#fff, $raspberry-radiance, 20%);
$raspberry-radiance-dark: mix(#000, $raspberry-radiance, 20%);
.element {
color: $raspberry-radiance;
box-shadow: 0 0 0 2px rgba($raspberry-radiance, 0.35);
}