#C28CDA#C28CDA
#C28CDA لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.353؛ OKLCH L 72.0% C 0.124 H 315.0°. أفضل لون لنص المتن هو #000000 بتباين 8.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C28CDA |
|---|---|
| RGB | rgb(194, 140, 218) |
| HSL | hsl(282, 51%, 70%) |
| HSV | hsv(282, 36%, 85%) |
| CMYK | cmyk(11%, 35.8%, 0%, 14.5%) |
| CIE-LAB | lab(65.97, 34.28, -31.93) |
| CIE-LCH | lch(65.97, 46.85, 317.03°) |
| OKLab | oklab(72.04% 0.0879 -0.0877) |
| OKLCH | oklch(72.04% 0.124 315) |
| XYZ | xyz(44.2791, 35.2884, 70.7948) |
| Luminance | 0.3529 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Pale Purple
#B790D4
ΔE00 2.90
Lavender (survey)
#C79FEF
ΔE00 5.52
Baby Purple
#CA9BF7
ΔE00 5.60
Lavender Pink
#DD85D7
ΔE00 5.98
Wisteria
#A87DC2
ΔE00 6.34
Liliac
#C48EFD
ΔE00 6.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C28CDA #A4DA8C
analogous
#9B8CDA #C28CDA #DA8CCB
triadic
#C28CDA #DAC28C #8CDAC2
tetradic
#C28CDA #DA9B8C #A4DA8C #8CCBDA
square
#C28CDA #DA9B8C #A4DA8C #8CCBDA
split-complementary
#C28CDA #CBDA8C #8CDA9B
monochromatic
#8D39B2 #A95ECB #C28CDA #DBBAE9 #F3E8F8
إمكانية الوصول والتباين
On white
2.61
#C28CDA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.06
#C28CDA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C28CDA
8.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C28CDA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C28CDA | 1.00 | 2.61 | 8.06 | 8.06 |
| #FFFFFF | 2.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.06 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#809DDD
Deuteranopia (green-blind)
#8CA2D8
Tritanopia (blue-blind)
#C196A9
Achromatopsia (no color)
#A0A0A0
وسوم التصميم والكود
CSS
--color: #c28cda; /* rgb */ color: rgb(194, 140, 218); /* oklch */ color: oklch(72.0% 0.124 315.0);
Tailwind
colors: {
custom: {
50: '#d5aee5',
500: '#c28cda',
950: '#000000',
},
}SCSS
$custom: #c28cda; $custom-light: #d5aee5; $custom-dark: #000000;
JSON
{
"hex": "#c28cda",
"rgb": {
"r": 194,
"g": 140,
"b": 218
},
"hsl": {
"h": 281.538,
"s": 51.316,
"l": 70.196
},
"oklch": {
"l": 0.72037,
"c": 0.12418,
"h": 315
},
"luminance": 0.35287
}Semantic roles & 50–950 ramp
primary
#C28CDA
secondary
#DDECD6
accent
#BF2756
background
#FDFAFE
surface
#FAF4FC
border
#D3CED5
text
#141016
muted
#837F84