#DA68FE#DA68FE
#DA68FE لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.320؛ OKLCH L 71.2% C 0.230 H 317.3°. أفضل لون لنص المتن هو #000000 بتباين 7.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DA68FE |
|---|---|
| RGB | rgb(218, 104, 254) |
| HSL | hsl(286, 99%, 70%) |
| HSV | hsv(286, 59%, 100%) |
| CMYK | cmyk(14.2%, 59.1%, 0%, 0.4%) |
| CIE-LAB | lab(63.31, 66.42, -55.82) |
| CIE-LCH | lch(63.31, 86.76, 319.95°) |
| OKLab | oklab(71.21% 0.1691 -0.156) |
| OKLCH | oklch(71.21% 0.23 317.3) |
| XYZ | xyz(51.7506, 31.9638, 97.1903) |
| Luminance | 0.3196 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Bright Lilac
#C95EFB
ΔE00 3.85
Bright Lavender
#C760FF
ΔE00 4.02
Heliotrope
#D94FF5
ΔE00 4.38
Easter Purple
#C071FE
ΔE00 4.55
Light Purple
#BF77F6
ΔE00 4.96
Violet Pink
#FB5FFC
ΔE00 5.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DA68FE #8CFE68
analogous
#8F68FE #DA68FE #FE68D7
triadic
#DA68FE #FEDA68 #68FEDA
tetradic
#DA68FE #FE8F68 #8CFE68 #68D7FE
square
#DA68FE #FE8F68 #8CFE68 #68D7FE
split-complementary
#DA68FE #D7FE68 #68FE8F
monochromatic
#B202EA #CB2BFE #DA68FE #E9A5FE #F8E1FF
إمكانية الوصول والتباين
On white
2.84
#DA68FE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.39
#DA68FE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DA68FE
7.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DA68FE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DA68FE | 1.00 | 2.84 | 7.39 | 7.39 |
| #FFFFFF | 2.84 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.39 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.39 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3F92FF
Deuteranopia (green-blind)
#6C9DFA
Tritanopia (blue-blind)
#D981AA
Achromatopsia (no color)
#999999
وسوم التصميم والكود
CSS
--color: #da68fe; /* rgb */ color: rgb(218, 104, 254); /* oklch */ color: oklch(71.2% 0.230 317.3);
Tailwind
colors: {
custom: {
50: '#e999ff',
500: '#da68fe',
950: '#000000',
},
}SCSS
$custom: #da68fe; $custom-light: #e999ff; $custom-dark: #000000;
JSON
{
"hex": "#da68fe",
"rgb": {
"r": 218,
"g": 104,
"b": 254
},
"hsl": {
"h": 285.6,
"s": 98.684,
"l": 70.196
},
"oklch": {
"l": 0.7121,
"c": 0.23007,
"h": 317.3
},
"luminance": 0.31962
}Semantic roles & 50–950 ramp
primary
#DA68FE
secondary
#D6F6CC
accent
#E60037
background
#FEF9FF
surface
#FDF2FF
border
#D5CCD7
text
#160E18
muted
#847E86