Benannte Farbe · #634875
Presley Purple
Presley Purple ist #634875: rgb(99 72 117), hsl(276 24% 37%), oklch(0.449 0.078 311). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Presley Purple color name →
#634875
oklch(0.449 0.078 311)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 715982
- 806A90
- 8F7C9D
- 9E8DAB
- AEA0B9
- BEB2C6
- CEC5D4
- DED8E2
- EEEBF1
Shades
- 553D65
- 473355
- 3A2946
- 2E1F37
- 211629
- 160D1C
- 0B060F
- 030205
- 000001
Tones
- 664E76
- 695378
- 6C5979
- 6F5F7A
- 72647B
- 746A7C
- 776F7D
- 7A757E
- 7D7A7F
Farbharmonien
Komplementär +180°
- 634875
Presley Purple
- 455E2E
≈ Woodman
Analog -30° +30°
- 634875
Presley Purple
- 4D4F80
≈ Tangent Periwinkle
- 724362
≈ Purple Drab
Triadisch +120° +240°
- 634875
Presley Purple
- 704D1E
≈ Wagon Train
- 00625F
≈ Emerald Stone
Geteilt komplementär +150° +210°
- 634875
Presley Purple
- 5F561B
≈ Olive Brown
- 256247
≈ Green Pea
Tetradisch +90° +180° +270°
- 634875
Presley Purple
- 794532
≈ Medium Tuscan Red
- 455E2E
≈ Woodman
- 0D5F74
≈ Ocean Radiance
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.73:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
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);
}