#DEADF1#DEADF1
#DEADF1 لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.518؛ OKLCH L 81.5% C 0.107 H 316.4°. أفضل لون لنص المتن هو #000000 بتباين 11.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DEADF1 |
|---|---|
| RGB | rgb(222, 173, 241) |
| HSL | hsl(283, 71%, 81%) |
| HSV | hsv(283, 28%, 95%) |
| CMYK | cmyk(7.9%, 28.2%, 0%, 5.5%) |
| CIE-LAB | lab(77.14, 29.68, -27.10) |
| CIE-LCH | lch(77.14, 40.19, 317.60°) |
| OKLab | oklab(81.46% 0.0774 -0.0738) |
| OKLCH | oklch(81.46% 0.107 316.4) |
| XYZ | xyz(60.9426, 51.7687, 89.9840) |
| Luminance | 0.5177 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Mauve
#E0B0FF
ΔE00 2.67
Light Violet
#D6B4FC
ΔE00 3.92
Plum
#DDA0DD
ΔE00 4.50
Light Lavendar
#EFC0FE
ΔE00 4.65
Pale Violet
#CEAEFA
ΔE00 4.87
Lavender (survey)
#C79FEF
ΔE00 5.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DEADF1 #C0F1AD
analogous
#BCADF1 #DEADF1 #F1ADE2
triadic
#DEADF1 #F1DEAD #ADF1DE
tetradic
#DEADF1 #F1BCAD #C0F1AD #ADE2F1
square
#DEADF1 #F1BCAD #C0F1AD #ADE2F1
split-complementary
#DEADF1 #E2F1AD #ADF1BC
monochromatic
#B444DF #C979E8 #DEADF1 #F3E1FA #F4E5FB
إمكانية الوصول والتباين
On white
1.85
#DEADF1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.35
#DEADF1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DEADF1
11.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DEADF1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DEADF1 | 1.00 | 1.85 | 11.35 | 11.35 |
| #FFFFFF | 1.85 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.35 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.35 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A4BBF4
Deuteranopia (green-blind)
#AFC0EF
Tritanopia (blue-blind)
#DEB5C5
Achromatopsia (no color)
#BEBEBE
وسوم التصميم والكود
CSS
--color: #deadf1; /* rgb */ color: rgb(222, 173, 241); /* oklch */ color: oklch(81.5% 0.107 316.4);
Tailwind
colors: {
custom: {
50: '#e9c6f5',
500: '#deadf1',
950: '#000000',
},
}SCSS
$custom: #deadf1; $custom-light: #e9c6f5; $custom-dark: #000000;
JSON
{
"hex": "#deadf1",
"rgb": {
"r": 222,
"g": 173,
"b": 241
},
"hsl": {
"h": 283.235,
"s": 70.833,
"l": 81.176
},
"oklch": {
"l": 0.81461,
"c": 0.10699,
"h": 316.4
},
"luminance": 0.51768
}Semantic roles & 50–950 ramp
primary
#DEADF1
secondary
#8DD073
accent
#D31348
background
#FEFDFF
surface
#FDF9FE
border
#D5D2D6
text
#161317
muted
#848285