#D25DDE#D25DDE
#D25DDE لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.268؛ OKLCH L 67.2% C 0.213 H 323.9°. أفضل لون لنص المتن هو #000000 بتباين 6.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D25DDE |
|---|---|
| RGB | rgb(210, 93, 222) |
| HSL | hsl(294, 66%, 62%) |
| HSV | hsv(294, 58%, 87%) |
| CMYK | cmyk(5.4%, 58.1%, 0%, 12.9%) |
| CIE-LAB | lab(58.79, 63.45, -45.26) |
| CIE-LCH | lch(58.79, 77.94, 324.50°) |
| OKLab | oklab(67.17% 0.1717 -0.1254) |
| OKLCH | oklch(67.17% 0.213 323.9) |
| XYZ | xyz(43.6763, 26.8066, 71.9667) |
| Luminance | 0.2680 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Pinkish Purple
#D648D7
ΔE00 3.48
Heliotrope
#D94FF5
ΔE00 3.71
Purpleish Pink
#DF4EC8
ΔE00 5.02
Orchid
#DA70D6
ΔE00 5.05
Bright Lilac
#C95EFB
ΔE00 5.15
Mediumorchid
#BA55D3
ΔE00 5.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D25DDE #69DE5D
analogous
#925DDE #D25DDE #DE5DA9
triadic
#D25DDE #DED25D #5DDED2
tetradic
#D25DDE #DE925D #69DE5D #5DA9DE
square
#D25DDE #DE925D #69DE5D #5DA9DE
split-complementary
#D25DDE #A9DE5D #5DDE92
monochromatic
#9421A0 #C32BD3 #D25DDE #E090E8 #EEC3F3
إمكانية الوصول والتباين
On white
3.30
#D25DDE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.36
#D25DDE on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D25DDE
6.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D25DDE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D25DDE | 1.00 | 3.30 | 6.36 | 6.36 |
| #FFFFFF | 3.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4784E2
Deuteranopia (green-blind)
#7192DB
Tritanopia (blue-blind)
#D66F95
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #d25dde; /* rgb */ color: rgb(210, 93, 222); /* oklch */ color: oklch(67.2% 0.213 323.9);
Tailwind
colors: {
custom: {
50: '#e391e9',
500: '#d25dde',
950: '#000000',
},
}SCSS
$custom: #d25dde; $custom-light: #e391e9; $custom-dark: #000000;
JSON
{
"hex": "#d25dde",
"rgb": {
"r": 210,
"g": 93,
"b": 222
},
"hsl": {
"h": 294.419,
"s": 66.154,
"l": 61.765
},
"oklch": {
"l": 0.67167,
"c": 0.21266,
"h": 323.9
},
"luminance": 0.26804
}Semantic roles & 50–950 ramp
primary
#D25DDE
secondary
#B8E3B4
accent
#CE1728
background
#FEF9FE
surface
#FCF2FD
border
#D5CCD5
text
#160D16
muted
#847E84