#DD4DDC#DD4DDC
#DD4DDC لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.258؛ OKLCH L 66.8% C 0.238 H 328.1°. أفضل لون لنص المتن هو #000000 بتباين 6.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DD4DDC |
|---|---|
| RGB | rgb(221, 77, 220) |
| HSL | hsl(300, 68%, 58%) |
| HSV | hsv(300, 65%, 87%) |
| CMYK | cmyk(0%, 65.2%, 0.5%, 13.3%) |
| CIE-LAB | lab(57.89, 72.31, -45.45) |
| CIE-LCH | lch(57.89, 85.41, 327.85°) |
| OKLab | oklab(66.8% 0.202 -0.1256) |
| OKLCH | oklch(66.8% 0.238 328.1) |
| XYZ | xyz(45.3904, 25.8503, 70.2952) |
| Luminance | 0.2585 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Pinkish Purple
#D648D7
ΔE00 1.83
Purpleish Pink
#DF4EC8
ΔE00 3.48
Pink Purple
#EF1DE7
ΔE00 3.78
Heliotrope
#D94FF5
ΔE00 4.00
Fuchsia (survey)
#ED0DD9
ΔE00 4.51
Bright Magenta
#FF08E8
ΔE00 4.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DD4DDC #4DDD4E
analogous
#964DDD #DD4DDC #DD4D94
triadic
#DD4DDC #DCDD4D #4DDCDD
tetradic
#DD4DDC #DD964D #4DDD4E #4D94DD
square
#DD4DDC #DD964D #4DDD4E #4D94DD
split-complementary
#DD4DDC #94DD4D #4DDD96
monochromatic
#931C93 #C726C6 #DD4DDC #E780E6 #F1B4F0
إمكانية الوصول والتباين
On white
3.40
#DD4DDC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.17
#DD4DDC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DD4DDC
6.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DD4DDC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DD4DDC | 1.00 | 3.40 | 6.17 | 6.17 |
| #FFFFFF | 3.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.17 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#397FE0
Deuteranopia (green-blind)
#7192D8
Tritanopia (blue-blind)
#E4608E
Achromatopsia (no color)
#8B8B8B
وسوم التصميم والكود
CSS
--color: #dd4ddc; /* rgb */ color: rgb(221, 77, 220); /* oklch */ color: oklch(66.8% 0.238 328.1);
Tailwind
colors: {
custom: {
50: '#eb89e7',
500: '#dd4ddc',
950: '#000000',
},
}SCSS
$custom: #dd4ddc; $custom-light: #eb89e7; $custom-dark: #000000;
JSON
{
"hex": "#dd4ddc",
"rgb": {
"r": 221,
"g": 77,
"b": 220
},
"hsl": {
"h": 300.417,
"s": 67.925,
"l": 58.431
},
"oklch": {
"l": 0.66798,
"c": 0.23784,
"h": 328.1
},
"luminance": 0.25847
}Semantic roles & 50–950 ramp
primary
#DD4DDC
secondary
#A6DFA7
accent
#EB3E3D
background
#FEF8FE
surface
#FDF0FC
border
#D5CBD5
text
#170D16
muted
#857D84