#CD44D7#CD44D7
#CD44D7 لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.220؛ OKLCH L 63.5% C 0.237 H 325.0°. أفضل لون لنص المتن هو #000000 بتباين 5.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CD44D7 |
|---|---|
| RGB | rgb(205, 68, 215) |
| HSL | hsl(296, 65%, 55%) |
| HSV | hsv(296, 68%, 84%) |
| CMYK | cmyk(4.7%, 68.4%, 0%, 15.7%) |
| CIE-LAB | lab(54.05, 71.21, -48.87) |
| CIE-LCH | lch(54.05, 86.37, 325.54°) |
| OKLab | oklab(63.47% 0.194 -0.1358) |
| OKLCH | oklch(63.47% 0.237 325) |
| XYZ | xyz(39.5088, 22.0222, 66.4465) |
| Luminance | 0.2202 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Pinkish Purple
#D648D7
ΔE00 2.12
Purple Pink
#D725DE
ΔE00 2.78
Mediumorchid
#BA55D3
ΔE00 3.44
Pinky Purple
#C94CBE
ΔE00 4.18
Fuchsia (survey)
#ED0DD9
ΔE00 4.91
Pink Purple
#EF1DE7
ΔE00 5.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CD44D7 #4ED744
analogous
#8344D7 #CD44D7 #D74498
triadic
#CD44D7 #D7CD44 #44D7CD
tetradic
#CD44D7 #D78344 #4ED744 #4498D7
square
#CD44D7 #D78344 #4ED744 #4498D7
split-complementary
#CD44D7 #98D744 #44D783
monochromatic
#7D1C84 #AD27B7 #CD44D7 #DA76E2 #E8A9ED
إمكانية الوصول والتباين
On white
3.89
#CD44D7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.40
#CD44D7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CD44D7
5.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CD44D7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CD44D7 | 1.00 | 3.89 | 5.40 | 5.40 |
| #FFFFFF | 3.89 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.40 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.40 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2076DB
Deuteranopia (green-blind)
#6187D3
Tritanopia (blue-blind)
#D15C89
Achromatopsia (no color)
#818181
وسوم التصميم والكود
CSS
--color: #cd44d7; /* rgb */ color: rgb(205, 68, 215); /* oklch */ color: oklch(63.5% 0.237 325.0);
Tailwind
colors: {
custom: {
50: '#e083e4',
500: '#cd44d7',
950: '#000000',
},
}SCSS
$custom: #cd44d7; $custom-light: #e083e4; $custom-dark: #000000;
JSON
{
"hex": "#cd44d7",
"rgb": {
"r": 205,
"g": 68,
"b": 215
},
"hsl": {
"h": 295.918,
"s": 64.758,
"l": 55.49
},
"oklch": {
"l": 0.63471,
"c": 0.23685,
"h": 325
},
"luminance": 0.2202
}Semantic roles & 50–950 ramp
primary
#CD44D7
secondary
#A1DA9D
accent
#E8404B
background
#FEF8FE
surface
#FCF0FC
border
#D5CBD5
text
#160C15
muted
#847D84