#C494FD#C494FD
#C494FD لون فاتح وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.400؛ OKLCH L 75.2% C 0.154 H 304.0°. أفضل لون لنص المتن هو #000000 بتباين 9.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C494FD |
|---|---|
| RGB | rgb(196, 148, 253) |
| HSL | hsl(267, 96%, 79%) |
| HSV | hsv(267, 42%, 99%) |
| CMYK | cmyk(22.5%, 41.5%, 0%, 0.8%) |
| CIE-LAB | lab(69.47, 38.09, -45.69) |
| CIE-LCH | lch(69.47, 59.48, 309.81°) |
| OKLab | oklab(75.22% 0.0859 -0.1273) |
| OKLCH | oklch(75.22% 0.154 304) |
| XYZ | xyz(51.0807, 40.0076, 97.9407) |
| Luminance | 0.4001 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Liliac
#C48EFD
ΔE00 1.53
Baby Purple
#CA9BF7
ΔE00 2.72
Pastel Purple
#CAA0FF
ΔE00 3.08
Lilac (survey)
#CEA2FD
ΔE00 3.92
Lavender (survey)
#C79FEF
ΔE00 4.54
Light Purple
#BF77F6
ΔE00 7.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C494FD #CDFD94
analogous
#9498FD #C494FD #F994FD
triadic
#C494FD #FDC494 #94FDC4
tetradic
#C494FD #FD9498 #CDFD94 #94FDF9
square
#C494FD #FD9498 #CDFD94 #94FDF9
split-complementary
#C494FD #FDF994 #98FD94
monochromatic
#821CFB #A358FC #C494FD #E5D0FE #EEE1FE
إمكانية الوصول والتباين
On white
2.33
#C494FD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.00
#C494FD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C494FD
9.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C494FD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C494FD | 1.00 | 2.33 | 9.00 | 9.00 |
| #FFFFFF | 2.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.00 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7AA8FF
Deuteranopia (green-blind)
#85AAFA
Tritanopia (blue-blind)
#BBA5BC
Achromatopsia (no color)
#AAAAAA
وسوم التصميم والكود
CSS
--color: #c494fd; /* rgb */ color: rgb(196, 148, 253); /* oklch */ color: oklch(75.2% 0.154 304.0);
Tailwind
colors: {
custom: {
50: '#d8b4fe',
500: '#c494fd',
950: '#000000',
},
}SCSS
$custom: #c494fd; $custom-light: #d8b4fe; $custom-dark: #000000;
JSON
{
"hex": "#c494fd",
"rgb": {
"r": 196,
"g": 148,
"b": 253
},
"hsl": {
"h": 267.429,
"s": 96.33,
"l": 78.627
},
"oklch": {
"l": 0.75223,
"c": 0.1536,
"h": 304
},
"luminance": 0.40007
}Semantic roles & 50–950 ramp
primary
#C494FD
secondary
#E7F7D4
accent
#E6007D
background
#FDFBFF
surface
#FAF6FF
border
#D3D0D7
text
#151118
muted
#838086