#C867D3#C867D3
#C867D3 لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.267؛ OKLCH L 66.6% C 0.182 H 323.4°. أفضل لون لنص المتن هو #000000 بتباين 6.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C867D3 |
|---|---|
| RGB | rgb(200, 103, 211) |
| HSL | hsl(294, 55%, 62%) |
| HSV | hsv(294, 51%, 83%) |
| CMYK | cmyk(5.2%, 51.2%, 0%, 17.3%) |
| CIE-LAB | lab(58.68, 54.12, -39.33) |
| CIE-LCH | lch(58.68, 66.90, 323.99°) |
| OKLab | oklab(66.64% 0.1463 -0.1086) |
| OKLCH | oklch(66.64% 0.182 323.4) |
| XYZ | xyz(40.4264, 26.6849, 64.6367) |
| Luminance | 0.2668 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Orchid
#DA70D6
ΔE00 4.23
Orchid (survey)
#C875C4
ΔE00 4.90
Pinkish Purple
#D648D7
ΔE00 5.19
Mediumorchid
#BA55D3
ΔE00 5.39
Purpleish Pink
#DF4EC8
ΔE00 5.68
Heliotrope
#D94FF5
ΔE00 6.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C867D3 #72D367
analogous
#9267D3 #C867D3 #D367A8
triadic
#C867D3 #D3C867 #67D3C8
tetradic
#C867D3 #D39267 #72D367 #67A8D3
square
#C867D3 #D39267 #72D367 #67A8D3
split-complementary
#C867D3 #A8D367 #67D392
monochromatic
#8A2B95 #B639C4 #C867D3 #D996E1 #EAC6EE
إمكانية الوصول والتباين
On white
3.31
#C867D3 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.34
#C867D3 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #C867D3
6.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C867D3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C867D3 | 1.00 | 3.31 | 6.34 | 6.34 |
| #FFFFFF | 3.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.34 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5886D7
Deuteranopia (green-blind)
#7691D0
Tritanopia (blue-blind)
#CB7594
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #c867d3; /* rgb */ color: rgb(200, 103, 211); /* oklch */ color: oklch(66.6% 0.182 323.4);
Tailwind
colors: {
custom: {
50: '#db96e1',
500: '#c867d3',
950: '#000000',
},
}SCSS
$custom: #c867d3; $custom-light: #db96e1; $custom-dark: #000000;
JSON
{
"hex": "#c867d3",
"rgb": {
"r": 200,
"g": 103,
"b": 211
},
"hsl": {
"h": 293.889,
"s": 55.102,
"l": 61.569
},
"oklch": {
"l": 0.66635,
"c": 0.18221,
"h": 323.4
},
"luminance": 0.26683
}Semantic roles & 50–950 ramp
primary
#C867D3
secondary
#BBDFB7
accent
#C32333
background
#FDF9FD
surface
#FBF2FB
border
#D4CCD4
text
#150E15
muted
#837E83