Nazwany kolor · #9A1A60
Raspberry Magenta
Raspberry Magenta to #9A1A60: rgb(154 26 96), hsl(327 71% 35%), oklch(0.462 0.172 353.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Raspberry Magenta color name →
#9A1A60
oklch(0.462 0.172 353.4)
Konwersje koloru
- HEX
- #9a1a60
- RGB
- rgb(154 26 96)
- HSL
- hsl(327 71% 35%)
- HWB
- hwb(327 10% 40%)
- OKLCH
- oklch(0.462 0.172 353.4)
- OKLab
- oklab(0.462 0.171 -0.02)
- CIE Lab
- lab(35.28 54.64 -6.8)
- LCH
- lch(35.28 55.06 352.9)
- CMYK
- cmyk(0% 83% 38% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7386F
- B3507E
- BE668D
- C97C9C
- D392AC
- DDA7BC
- E6BDCD
- EFD3DD
- F7E9EE
Odcienie ciemniejsze
- 851552
- 711045
- 5E0C38
- 4B072C
- 390420
- 270215
- 17010A
- 090003
- 010000
Tony
- 992B63
- 983866
- 97436A
- 954D6D
- 925670
- 905F73
- 8D6876
- 89707A
- 85787D
Harmonie kolorów
Komplementarna +180°
- 9A1A60
Raspberry Magenta
- 006854
≈ Piney Lake
Analogowa -30° +30°
- 9A1A60
Raspberry Magenta
- 832A8E
≈ Druchii Violet
- A31825
≈ Cut Ruby
Triada +120° +240°
- 9A1A60
Raspberry Magenta
- 595E00
≈ Greensboro
- 006085
≈ Blue Velvet
Komplementarna rozszczepiona +150° +210°
- 9A1A60
Raspberry Magenta
- 006C0C
≈ Leafy Lush
- 00656C
≈ Trouser Blue
Tetrada +90° +180° +270°
- 9A1A60
Raspberry Magenta
- 725300
≈ Pickled Grape Leaves
- 006854
≈ Piney Lake
- 224FB7
≈ Apnea Dive
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.80:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.69:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--raspberry-magenta: #9a1a60;
--raspberry-magenta-rgb: 154 26 96;
--raspberry-magenta-oklch: oklch(0.462 0.172 353.4);
}
.element {
color: var(--raspberry-magenta);
background-color: hsl(327 71% 35%);
border-color: oklch(0.462 0.172 353.4);
}Tailwind CSS v4
@theme {
--color-raspberry-magenta: #9a1a60;
--color-raspberry-magenta-50: #ffe1f7;
--color-raspberry-magenta-100: #ffd1ea;
--color-raspberry-magenta-200: #ffb5d7;
--color-raspberry-magenta-300: #fc90bb;
--color-raspberry-magenta-400: #e96ea6;
--color-raspberry-magenta-500: #d6498f;
--color-raspberry-magenta-600: #b53f79;
--color-raspberry-magenta-700: #923261;
--color-raspberry-magenta-800: #6c2349;
--color-raspberry-magenta-900: #4c1733;
--color-raspberry-magenta-950: #32071e;
}SCSS
$raspberry-magenta: #9a1a60;
$raspberry-magenta-rgb: 154, 26, 96;
$raspberry-magenta-light: mix(#fff, $raspberry-magenta, 20%);
$raspberry-magenta-dark: mix(#000, $raspberry-magenta, 20%);
.element {
color: $raspberry-magenta;
box-shadow: 0 0 0 2px rgba($raspberry-magenta, 0.35);
}