#CF95E5#CF95E5
#CF95E5 لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.404؛ OKLCH L 75.4% C 0.127 H 316.4°. أفضل لون لنص المتن هو #000000 بتباين 9.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CF95E5 |
|---|---|
| RGB | rgb(207, 149, 229) |
| HSL | hsl(284, 61%, 74%) |
| HSV | hsv(284, 35%, 90%) |
| CMYK | cmyk(9.6%, 34.9%, 0%, 10.2%) |
| CIE-LAB | lab(69.77, 35.61, -32.03) |
| CIE-LCH | lch(69.77, 47.89, 318.03°) |
| OKLab | oklab(75.36% 0.0923 -0.0879) |
| OKLCH | oklch(75.36% 0.127 316.4) |
| XYZ | xyz(50.6203, 40.4186, 79.2485) |
| Luminance | 0.4042 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Lavender (survey)
#C79FEF
ΔE00 4.05
Baby Purple
#CA9BF7
ΔE00 4.17
Pale Purple
#B790D4
ΔE00 4.79
Lilac (survey)
#CEA2FD
ΔE00 5.24
Plum
#DDA0DD
ΔE00 5.39
Lavender Pink
#DD85D7
ΔE00 5.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CF95E5 #ABE595
analogous
#A795E5 #CF95E5 #E595D3
triadic
#CF95E5 #E5CF95 #95E5CF
tetradic
#CF95E5 #E5A795 #ABE595 #95D3E5
square
#CF95E5 #E5A795 #ABE595 #95D3E5
split-complementary
#CF95E5 #D3E595 #95E5A7
monochromatic
#A233CD #B964D9 #CF95E5 #E5C6F1 #F4E6F9
إمكانية الوصول والتباين
On white
2.31
#CF95E5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.08
#CF95E5 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CF95E5
9.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CF95E5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CF95E5 | 1.00 | 2.31 | 9.08 | 9.08 |
| #FFFFFF | 2.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.08 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#89A7E8
Deuteranopia (green-blind)
#97ACE3
Tritanopia (blue-blind)
#CE9FB3
Achromatopsia (no color)
#AAAAAA
وسوم التصميم والكود
CSS
--color: #cf95e5; /* rgb */ color: rgb(207, 149, 229); /* oklch */ color: oklch(75.4% 0.127 316.4);
Tailwind
colors: {
custom: {
50: '#deb5ed',
500: '#cf95e5',
950: '#000000',
},
}SCSS
$custom: #cf95e5; $custom-light: #deb5ed; $custom-dark: #000000;
JSON
{
"hex": "#cf95e5",
"rgb": {
"r": 207,
"g": 149,
"b": 229
},
"hsl": {
"h": 283.5,
"s": 60.606,
"l": 74.118
},
"oklch": {
"l": 0.75359,
"c": 0.12745,
"h": 316.4
},
"luminance": 0.40417
}Semantic roles & 50–950 ramp
primary
#CF95E5
secondary
#E1F0DB
accent
#C81D4C
background
#FDFBFE
surface
#FBF6FD
border
#D4D0D5
text
#151116
muted
#838084