#8664FC#8664FC
#8664FC لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.212؛ OKLCH L 61.7% C 0.216 H 288.7°. أفضل لون لنص المتن هو #000000 بتباين 5.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8664FC |
|---|---|
| RGB | rgb(134, 100, 252) |
| HSL | hsl(253, 96%, 69%) |
| HSV | hsv(253, 60%, 99%) |
| CMYK | cmyk(46.8%, 60.3%, 0%, 1.2%) |
| CIE-LAB | lab(53.18, 49.49, -71.49) |
| CIE-LCH | lch(53.18, 86.95, 304.69°) |
| OKLab | oklab(61.73% 0.0694 -0.2045) |
| OKLCH | oklch(61.73% 0.216 288.7) |
| XYZ | xyz(31.9543, 21.2096, 94.4868) |
| Luminance | 0.2121 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Mediumslateblue
#7B68EE
ΔE00 2.77
Purpley
#8756E4
ΔE00 5.35
Lighter Purple
#A55AF4
ΔE00 5.93
Mediumpurple
#9370DB
ΔE00 6.35
Lightish Purple
#A552E6
ΔE00 7.70
Cornflower
#6A79F7
ΔE00 8.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8664FC #DAFC64
analogous
#648EFC #8664FC #D264FC
triadic
#8664FC #FC8664 #64FC86
tetradic
#8664FC #FC648E #DAFC64 #64FCD2
square
#8664FC #FC648E #DAFC64 #64FCD2
split-complementary
#8664FC #FCD264 #8EFC64
monochromatic
#3604E1 #5728FB #8664FC #B5A0FD #E4DCFE
إمكانية الوصول والتباين
On white
4.01
#8664FC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.24
#8664FC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8664FC
5.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8664FC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8664FC | 1.00 | 4.01 | 5.24 | 5.24 |
| #FFFFFF | 4.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.24 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0082FF
Deuteranopia (green-blind)
#007BF9
Tritanopia (blue-blind)
#5F87A7
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #8664fc; /* rgb */ color: rgb(134, 100, 252); /* oklch */ color: oklch(61.7% 0.216 288.7);
Tailwind
colors: {
custom: {
50: '#b191fe',
500: '#8664fc',
950: '#000000',
},
}SCSS
$custom: #8664fc; $custom-light: #b191fe; $custom-dark: #000000;
JSON
{
"hex": "#8664fc",
"rgb": {
"r": 134,
"g": 100,
"b": 252
},
"hsl": {
"h": 253.421,
"s": 96.203,
"l": 69.02
},
"oklch": {
"l": 0.61727,
"c": 0.21591,
"h": 288.7
},
"luminance": 0.21211
}Semantic roles & 50–950 ramp
primary
#8664FC
secondary
#EAF4C8
accent
#E600B2
background
#FBF9FF
surface
#F6F1FF
border
#D0CBD7
text
#120D18
muted
#817E86