Colore con nome · #634875
Presley Purple
Presley Purple è #634875: rgb(99 72 117), hsl(276 24% 37%), oklch(0.449 0.078 311). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Presley Purple color name →
#634875
oklch(0.449 0.078 311)
Conversioni di colore
- HEX
- #634875
- RGB
- rgb(99 72 117)
- HSL
- hsl(276 24% 37%)
- HWB
- hwb(276 28% 54%)
- OKLCH
- oklch(0.449 0.078 311)
- OKLab
- oklab(0.449 0.051 -0.059)
- CIE Lab
- lab(35 18.78 -21.47)
- LCH
- lch(35 28.52 311.2)
- CMYK
- cmyk(15% 38% 0% 54%)
Tinte · Ombre · Toni
Tinte
- 715982
- 806A90
- 8F7C9D
- 9E8DAB
- AEA0B9
- BEB2C6
- CEC5D4
- DED8E2
- EEEBF1
Ombre
- 553D65
- 473355
- 3A2946
- 2E1F37
- 211629
- 160D1C
- 0B060F
- 030205
- 000001
Toni
- 664E76
- 695378
- 6C5979
- 6F5F7A
- 72647B
- 746A7C
- 776F7D
- 7A757E
- 7D7A7F
Armonie di colore
Complementare +180°
- 634875
Presley Purple
- 455E2E
≈ Woodman
Analogo -30° +30°
- 634875
Presley Purple
- 4D4F80
≈ Tangent Periwinkle
- 724362
≈ Purple Drab
Triadico +120° +240°
- 634875
Presley Purple
- 704D1E
≈ Wagon Train
- 00625F
≈ Emerald Stone
Complementare divisa +150° +210°
- 634875
Presley Purple
- 5F561B
≈ Olive Brown
- 256247
≈ Green Pea
Tetradico +90° +180° +270°
- 634875
Presley Purple
- 794532
≈ Medium Tuscan Red
- 455E2E
≈ Woodman
- 0D5F74
≈ Ocean Radiance
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.73:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.71:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--presley-purple: #634875;
--presley-purple-rgb: 99 72 117;
--presley-purple-oklch: oklch(0.449 0.078 311);
}
.element {
color: var(--presley-purple);
background-color: hsl(276 24% 37%);
border-color: oklch(0.449 0.078 311);
}Tailwind CSS v4
@theme {
--color-presley-purple: #634875;
--color-presley-purple-50: #fdefff;
--color-presley-purple-100: #f1e1fb;
--color-presley-purple-200: #e0cbed;
--color-presley-purple-300: #c6acd4;
--color-presley-purple-400: #ad92c1;
--color-presley-purple-500: #9777ad;
--color-presley-purple-600: #806592;
--color-presley-purple-700: #665175;
--color-presley-purple-800: #4a3b57;
--color-presley-purple-900: #34283d;
--color-presley-purple-950: #1f1626;
}SCSS
$presley-purple: #634875;
$presley-purple-rgb: 99, 72, 117;
$presley-purple-light: mix(#fff, $presley-purple, 20%);
$presley-purple-dark: mix(#000, $presley-purple, 20%);
.element {
color: $presley-purple;
box-shadow: 0 0 0 2px rgba($presley-purple, 0.35);
}