Benannte Farbe · #79669D
Purple Paradise
Purple Paradise ist #79669D: rgb(121 102 157), hsl(261 22% 51%), oklch(0.551 0.086 299.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Paradise color name →
#79669D
oklch(0.551 0.086 299.5)
Farbumrechnungen
- HEX
- #79669d
- RGB
- rgb(121 102 157)
- HSL
- hsl(261 22% 51%)
- HWB
- hwb(261 40% 38%)
- OKLCH
- oklch(0.551 0.086 299.5)
- OKLab
- oklab(0.551 0.042 -0.075)
- CIE Lab
- lab(46.74 16.78 -27.28)
- LCH
- lch(46.74 32.03 301.6)
- CMYK
- cmyk(23% 35% 0% 38%)
Tints · Shades · Tones
Tints
- 8575A7
- 9283B1
- 9F92BB
- ACA1C4
- B9B0CE
- C7C0D8
- D5CFE2
- E3DFEB
- F1EFF5
Shades
- 685888
- 584A73
- 483C5F
- 392F4C
- 2B233A
- 1D1728
- 100C18
- 050409
- 010001
Tones
- 7A699A
- 7A6C98
- 7B6E95
- 7C7192
- 7C748F
- 7D768C
- 7E7989
- 7E7B86
- 7F7E83
Farbharmonien
Komplementär +180°
- 79669D
Purple Paradise
- 6C793C
≈ Army Golf
Analog -30° +30°
- 79669D
Purple Paradise
- 5D6FA4
≈ Splendour and Pride
- 8E5F8A
≈ Hashita Purple
Triadisch +120° +240°
- 79669D
Purple Paradise
- 97653B
≈ Ginger Dy
- 298273
≈ Emerald Whispers
Geteilt komplementär +150° +210°
- 79669D
Purple Paradise
- 866F30
≈ Mustard Magic
- 4B8056
≈ Leisure Green
Tetradisch +90° +180° +270°
- 79669D
Purple Paradise
- 9E5E54
≈ Chutney
- 6C793C
≈ Army Golf
- 207F8D
≈ Bermuda
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.99:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.20:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--purple-paradise: #79669d;
--purple-paradise-rgb: 121 102 157;
--purple-paradise-oklch: oklch(0.551 0.086 299.5);
}
.element {
color: var(--purple-paradise);
background-color: hsl(261 22% 51%);
border-color: oklch(0.551 0.086 299.5);
}Tailwind CSS v4
@theme {
--color-purple-paradise: #79669d;
--color-purple-paradise-50: #f9f0ff;
--color-purple-paradise-100: #ede2ff;
--color-purple-paradise-200: #daccf4;
--color-purple-paradise-300: #bfaedd;
--color-purple-paradise-400: #a693cb;
--color-purple-paradise-500: #8e79b7;
--color-purple-paradise-600: #78679b;
--color-purple-paradise-700: #60527c;
--color-purple-paradise-800: #463c5d;
--color-purple-paradise-900: #302941;
--color-purple-paradise-950: #1c1729;
}SCSS
$purple-paradise: #79669d;
$purple-paradise-rgb: 121, 102, 157;
$purple-paradise-light: mix(#fff, $purple-paradise, 20%);
$purple-paradise-dark: mix(#000, $purple-paradise, 20%);
.element {
color: $purple-paradise;
box-shadow: 0 0 0 2px rgba($purple-paradise, 0.35);
}