#C82FC0#C82FC0
#C82FC0 لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.181؛ OKLCH L 59.8% C 0.239 H 330.4°. أفضل لون لنص المتن هو #000000 بتباين 4.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C82FC0 |
|---|---|
| RGB | rgb(200, 47, 192) |
| HSL | hsl(303, 62%, 48%) |
| HSV | hsv(303, 77%, 78%) |
| CMYK | cmyk(0%, 76.5%, 4%, 21.6%) |
| CIE-LAB | lab(49.64, 73.21, -42.70) |
| CIE-LCH | lch(49.64, 84.75, 329.75°) |
| OKLab | oklab(59.76% 0.2079 -0.1179) |
| OKLCH | oklch(59.76% 0.239 330.4) |
| XYZ | xyz(34.3503, 18.1209, 51.5475) |
| Luminance | 0.1812 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Pink
#C83CB9
ΔE00 2.14
Pinky Purple
#C94CBE
ΔE00 4.53
Purple Pink
#D725DE
ΔE00 4.73
Pinkish Purple
#D648D7
ΔE00 6.29
Fuchsia (survey)
#ED0DD9
ΔE00 6.59
Mediumorchid
#BA55D3
ΔE00 6.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C82FC0 #2FC837
analogous
#832FC8 #C82FC0 #C82F73
triadic
#C82FC0 #C0C82F #2FC0C8
tetradic
#C82FC0 #C8832F #2FC837 #2F73C8
square
#C82FC0 #C8832F #2FC837 #2F73C8
split-complementary
#C82FC0 #73C82F #2FC883
monochromatic
#651861 #962390 #C82FC0 #D95CD2 #E48DE0
إمكانية الوصول والتباين
On white
4.54
#C82FC0 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.62
#C82FC0 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #C82FC0
4.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C82FC0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C82FC0 | 1.00 | 4.54 | 4.62 | 4.62 |
| #FFFFFF | 4.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1969C4
Deuteranopia (green-blind)
#607DBC
Tritanopia (blue-blind)
#D04576
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #c82fc0; /* rgb */ color: rgb(200, 47, 192); /* oklch */ color: oklch(59.8% 0.239 330.4);
Tailwind
colors: {
custom: {
50: '#dd79d3',
500: '#c82fc0',
950: '#000000',
},
}SCSS
$custom: #c82fc0; $custom-light: #dd79d3; $custom-dark: #000000;
JSON
{
"hex": "#c82fc0",
"rgb": {
"r": 200,
"g": 47,
"b": 192
},
"hsl": {
"h": 303.137,
"s": 61.943,
"l": 48.431
},
"oklch": {
"l": 0.59761,
"c": 0.23902,
"h": 330.4
},
"luminance": 0.18118
}Semantic roles & 50–950 ramp
primary
#C82FC0
secondary
#84CF88
accent
#E54B43
background
#FEF7FD
surface
#FCEEFA
border
#D5C9D3
text
#160A14
muted
#847C83