أقرب لون مسمّى · #644DF5
#644DF5
أقرب لون مسمّى: Candy Grape Fizz
#644DF5 (rgb(100 77 245)، hsl(248 89% 63%)، oklch(0.55 0.238 281.4)) أقرب إلى اللون المسمّى Candy Grape Fizz. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#644DF5
oklch(0.55 0.238 281.4)
تحويلات الألوان
- HEX
- #644df5
- RGB
- rgb(100 77 245)
- HSL
- hsl(248 89% 63%)
- HWB
- hwb(248 30% 4%)
- OKLCH
- oklch(0.55 0.238 281.4)
- OKLab
- oklab(0.55 0.047 -0.233)
- CIE Lab
- lab(43.79 45.39 -82.67)
- LCH
- lch(43.79 94.31 298.8)
- CMYK
- cmyk(59% 69% 0% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7063F8
- 7C77FB
- 8A8AFD
- 999BFF
- A9ACFF
- B9BDFF
- CACEFF
- DBDEFF
- EDEFFF
درجات داكنة
- 5642D5
- 4837B6
- 3B2C98
- 2E227B
- 22185F
- 160F44
- 0B072B
- 030215
- 000003
درجات رمادية
- 6556EA
- 675EDF
- 6964D4
- 6B6AC8
- 6E6FBD
- 7173B1
- 7477A6
- 787A99
- 7C7D8D
تناسق الألوان
متمم +180°
- 644DF5
Candy Grape Fizz
- 807300
≈ Sunlit Kelp Green
متجاور -30° +30°
- 644DF5
Candy Grape Fizz
- 0073CC
≈ Wizard Blue
- 9E2FD3
≈ Purple Vanity
ثلاثي +120° +240°
- 644DF5
Candy Grape Fizz
- BE4500
≈ Bolognese
- 00875A
≈ Vital Green
متمم منقسم +150° +210°
- 644DF5
Candy Grape Fizz
- 9C6400
≈ Raw Sienna
- 508200
≈ Avocado
رباعي +90° +180° +270°
- 644DF5
Candy Grape Fizz
- D10050
≈ Rubine Red
- 807300
≈ Sunlit Kelp Green
- 00837F
≈ Pond Bath
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.35:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 3.92:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.35:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--candy-grape-fizz: #644df5;
--candy-grape-fizz-rgb: 100 77 245;
--candy-grape-fizz-oklch: oklch(0.55 0.238 281.4);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(248 89% 63%);
border-color: oklch(0.55 0.238 281.4);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #644df5;
--color-candy-grape-fizz-50: #ebedff;
--color-candy-grape-fizz-100: #dddeff;
--color-candy-grape-fizz-200: #c7c6ff;
--color-candy-grape-fizz-300: #aaa3ff;
--color-candy-grape-fizz-400: #8c83ff;
--color-candy-grape-fizz-500: #765eff;
--color-candy-grape-fizz-600: #6451ef;
--color-candy-grape-fizz-700: #4f41c0;
--color-candy-grape-fizz-800: #372f91;
--color-candy-grape-fizz-900: #252067;
--color-candy-grape-fizz-950: #150e47;
}SCSS
$candy-grape-fizz: #644df5;
$candy-grape-fizz-rgb: 100, 77, 245;
$candy-grape-fizz-light: mix(#fff, $candy-grape-fizz, 20%);
$candy-grape-fizz-dark: mix(#000, $candy-grape-fizz, 20%);
.element {
color: $candy-grape-fizz;
box-shadow: 0 0 0 2px rgba($candy-grape-fizz, 0.35);
}