Colore con nome · #8278AD
Purple Rhapsody
Purple Rhapsody è #8278AD: rgb(130 120 173), hsl(251 24% 57%), oklch(0.602 0.08 292.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Rhapsody color name →
#8278AD
oklch(0.602 0.08 292.5)
Conversioni di colore
- HEX
- #8278ad
- RGB
- rgb(130 120 173)
- HSL
- hsl(251 24% 57%)
- HWB
- hwb(251 47% 32%)
- OKLCH
- oklch(0.602 0.08 292.5)
- OKLab
- oklab(0.602 0.031 -0.074)
- CIE Lab
- lab(52.91 12.82 -27)
- LCH
- lch(52.91 29.89 295.4)
- CMYK
- cmyk(25% 31% 0% 32%)
Tinte · Ombre · Toni
Tinte
- 8E85B5
- 9992BE
- A69FC6
- B2ACCE
- BEBAD6
- CBC7DF
- D8D5E7
- E5E3EF
- F2F1F7
Ombre
- 706796
- 5F577F
- 4E486A
- 3E3955
- 2F2A41
- 201D2D
- 12101B
- 06050B
- 010101
Toni
- 8279A9
- 817AA4
- 817BA0
- 817C9B
- 817D97
- 817D92
- 807E8E
- 807F89
- 807F85
Armonie di colore
Complementare +180°
- 8278AD
Purple Rhapsody
- 81864C
≈ Field Maple
Analogo -30° +30°
- 8278AD
Purple Rhapsody
- 6781B1
≈ Marvellous
- 98719D
≈ Scotch Thistle
Triadico +120° +240°
- 8278AD
Purple Rhapsody
- A77353
≈ Pecan
- 48917C
≈ Winter Green
Complementare divisa +150° +210°
- 8278AD
Purple Rhapsody
- 997C46
≈ Raked Leaves
- 658D61
≈ Succulent Leaves
Tetradico +90° +180° +270°
- 8278AD
Purple Rhapsody
- AC6D6B
≈ Jabłoński Brown
- 81864C
≈ Field Maple
- 3C8F96
≈ Aqueous
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.00:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.23:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-rhapsody: #8278ad;
--purple-rhapsody-rgb: 130 120 173;
--purple-rhapsody-oklch: oklch(0.602 0.08 292.5);
}
.element {
color: var(--purple-rhapsody);
background-color: hsl(251 24% 57%);
border-color: oklch(0.602 0.08 292.5);
}Tailwind CSS v4
@theme {
--color-purple-rhapsody: #8278ad;
--color-purple-rhapsody-50: #f6f1ff;
--color-purple-rhapsody-100: #e9e3ff;
--color-purple-rhapsody-200: #d6cef4;
--color-purple-rhapsody-300: #b9b0dd;
--color-purple-rhapsody-400: #9f96ca;
--color-purple-rhapsody-500: #887cb7;
--color-purple-rhapsody-600: #73699a;
--color-purple-rhapsody-700: #5c547c;
--color-purple-rhapsody-800: #423d5c;
--color-purple-rhapsody-900: #2e2a41;
--color-purple-rhapsody-950: #1a1829;
}SCSS
$purple-rhapsody: #8278ad;
$purple-rhapsody-rgb: 130, 120, 173;
$purple-rhapsody-light: mix(#fff, $purple-rhapsody, 20%);
$purple-rhapsody-dark: mix(#000, $purple-rhapsody, 20%);
.element {
color: $purple-rhapsody;
box-shadow: 0 0 0 2px rgba($purple-rhapsody, 0.35);
}