#C56CA2#C56CA2
#C56CA2 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.252؛ OKLCH L 64.9% C 0.130 H 344.1°. أفضل لون لنص المتن هو #000000 بتباين 6.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C56CA2 |
|---|---|
| RGB | rgb(197, 108, 162) |
| HSL | hsl(324, 43%, 60%) |
| HSV | hsv(324, 45%, 77%) |
| CMYK | cmyk(0%, 45.2%, 17.8%, 22.7%) |
| CIE-LAB | lab(57.28, 42.23, -13.48) |
| CIE-LCH | lch(57.28, 44.33, 342.30°) |
| OKLab | oklab(64.85% 0.1252 -0.0357) |
| OKLCH | oklch(64.85% 0.13 344.1) |
| XYZ | xyz(34.9106, 25.2065, 37.2020) |
| Luminance | 0.2520 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Pale Magenta
#D767AD
ΔE00 3.65
Purplish Pink
#CE5DAE
ΔE00 4.84
Orchid (survey)
#C875C4
ΔE00 7.19
Palevioletred
#DB7093
ΔE00 7.83
Muted Pink
#D1768F
ΔE00 8.69
Soft Purple
#A66FB5
ΔE00 9.45
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C56CA2 #6CC58F
analogous
#BC6CC5 #C56CA2 #C56C75
triadic
#C56CA2 #A2C56C #6CA2C5
tetradic
#C56CA2 #C5BC6C #6CC58F #6C75C5
square
#C56CA2 #C5BC6C #6CC58F #6C75C5
split-complementary
#C56CA2 #75C56C #6CC5BC
monochromatic
#833464 #AF4585 #C56CA2 #D698BE #E8C4DA
إمكانية الوصول والتباين
On white
3.48
#C56CA2 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.04
#C56CA2 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #C56CA2
6.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C56CA2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C56CA2 | 1.00 | 3.48 | 6.04 | 6.04 |
| #FFFFFF | 3.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.04 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7281A4
Deuteranopia (green-blind)
#898FA0
Tritanopia (blue-blind)
#CF6C80
Achromatopsia (no color)
#898989
وسوم التصميم والكود
CSS
--color: #c56ca2; /* rgb */ color: rgb(197, 108, 162); /* oklch */ color: oklch(64.9% 0.130 344.1);
Tailwind
colors: {
custom: {
50: '#d898bd',
500: '#c56ca2',
950: '#000000',
},
}SCSS
$custom: #c56ca2; $custom-light: #d898bd; $custom-dark: #000000;
JSON
{
"hex": "#c56ca2",
"rgb": {
"r": 197,
"g": 108,
"b": 162
},
"hsl": {
"h": 323.596,
"s": 43.415,
"l": 59.804
},
"oklch": {
"l": 0.64853,
"c": 0.13021,
"h": 344.1
},
"luminance": 0.25204
}Semantic roles & 50–950 ramp
primary
#C56CA2
secondary
#B5D8C3
accent
#D38655
background
#FDF9FB
surface
#FBF2F6
border
#D4CCD0
text
#150E12
muted
#837E81