لون مسمّى · #79669D
Purple Paradise
Purple Paradise هو #79669D: rgb(121 102 157)، hsl(261 22% 51%)، oklch(0.551 0.086 299.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Purple Paradise color name →
#79669D
oklch(0.551 0.086 299.5)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8575A7
- 9283B1
- 9F92BB
- ACA1C4
- B9B0CE
- C7C0D8
- D5CFE2
- E3DFEB
- F1EFF5
درجات داكنة
- 685888
- 584A73
- 483C5F
- 392F4C
- 2B233A
- 1D1728
- 100C18
- 050409
- 010001
درجات رمادية
- 7A699A
- 7A6C98
- 7B6E95
- 7C7192
- 7C748F
- 7D768C
- 7E7989
- 7E7B86
- 7F7E83
تناسق الألوان
متمم +180°
- 79669D
Purple Paradise
- 6C793C
≈ Army Golf
متجاور -30° +30°
- 79669D
Purple Paradise
- 5D6FA4
≈ Splendour and Pride
- 8E5F8A
≈ Hashita Purple
ثلاثي +120° +240°
- 79669D
Purple Paradise
- 97653B
≈ Ginger Dy
- 298273
≈ Emerald Whispers
متمم منقسم +150° +210°
- 79669D
Purple Paradise
- 866F30
≈ Mustard Magic
- 4B8056
≈ Leisure Green
رباعي +90° +180° +270°
- 79669D
Purple Paradise
- 9E5E54
≈ Chutney
- 6C793C
≈ Army Golf
- 207F8D
≈ Bermuda
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.99:1 · APCA Lc 75
Ag
Failعلى الأسود
WCAG 4.20:1 · APCA Lc 27
أفضل لون للنص: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
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);
}