#DF6EF8#DF6EF8
#DF6EF8 لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.336؛ OKLCH L 72.2% C 0.218 H 320.1°. أفضل لون لنص المتن هو #000000 بتباين 7.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DF6EF8 |
|---|---|
| RGB | rgb(223, 110, 248) |
| HSL | hsl(289, 91%, 70%) |
| HSV | hsv(289, 56%, 97%) |
| CMYK | cmyk(10.1%, 55.6%, 0%, 2.7%) |
| CIE-LAB | lab(64.66, 63.74, -50.34) |
| CIE-LCH | lch(64.66, 81.22, 321.70°) |
| OKLab | oklab(72.23% 0.1672 -0.14) |
| OKLCH | oklch(72.23% 0.218 320.1) |
| XYZ | xyz(52.9486, 33.6194, 92.4889) |
| Luminance | 0.3362 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Violet Pink
#FB5FFC
ΔE00 4.28
Light Magenta
#FA5FF7
ΔE00 4.39
Purply Pink
#F075E6
ΔE00 5.48
Orchid
#DA70D6
ΔE00 5.48
Bright Lilac
#C95EFB
ΔE00 5.63
Heliotrope
#D94FF5
ΔE00 5.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DF6EF8 #87F86E
analogous
#9A6EF8 #DF6EF8 #F86ECC
triadic
#DF6EF8 #F8DF6E #6EF8DF
tetradic
#DF6EF8 #F89A6E #87F86E #6ECCF8
square
#DF6EF8 #F89A6E #87F86E #6ECCF8
split-complementary
#DF6EF8 #CCF86E #6EF89A
monochromatic
#BA0BE1 #D234F5 #DF6EF8 #ECA8FB #F9E2FE
إمكانية الوصول والتباين
On white
2.72
#DF6EF8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.72
#DF6EF8 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DF6EF8
7.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DF6EF8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DF6EF8 | 1.00 | 2.72 | 7.72 | 7.72 |
| #FFFFFF | 2.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.72 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.72 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5295FC
Deuteranopia (green-blind)
#79A1F4
Tritanopia (blue-blind)
#E083A9
Achromatopsia (no color)
#9D9D9D
وسوم التصميم والكود
CSS
--color: #df6ef8; /* rgb */ color: rgb(223, 110, 248); /* oklch */ color: oklch(72.2% 0.218 320.1);
Tailwind
colors: {
custom: {
50: '#ec9cfb',
500: '#df6ef8',
950: '#000000',
},
}SCSS
$custom: #df6ef8; $custom-light: #ec9cfb; $custom-dark: #000000;
JSON
{
"hex": "#df6ef8",
"rgb": {
"r": 223,
"g": 110,
"b": 248
},
"hsl": {
"h": 289.13,
"s": 90.789,
"l": 70.196
},
"oklch": {
"l": 0.72227,
"c": 0.21808,
"h": 320.1
},
"luminance": 0.33617
}Semantic roles & 50–950 ramp
primary
#DF6EF8
secondary
#D5F4CE
accent
#E6002A
background
#FEF9FF
surface
#FDF2FF
border
#D5CCD7
text
#170F17
muted
#857E85