#A56B97#A56B97
#A56B97 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.207؛ OKLCH L 60.4% C 0.095 H 335.9°. أفضل لون لنص المتن هو #000000 بتباين 5.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A56B97 |
|---|---|
| RGB | rgb(165, 107, 151) |
| HSL | hsl(314, 24%, 53%) |
| HSV | hsv(314, 35%, 65%) |
| CMYK | cmyk(0%, 35.2%, 8.5%, 35.3%) |
| CIE-LAB | lab(52.68, 30.05, -14.41) |
| CIE-LCH | lch(52.68, 33.33, 334.38°) |
| OKLab | oklab(60.39% 0.0865 -0.0386) |
| OKLCH | oklch(60.39% 0.095 335.9) |
| XYZ | xyz(26.3605, 20.7504, 31.8889) |
| Luminance | 0.2075 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Dark Lilac
#9C6DA5
ΔE00 4.91
Faded Purple
#916E99
ΔE00 5.43
Light Plum
#9D5783
ΔE00 6.77
Purpleish
#98568D
ΔE00 7.22
Soft Purple
#A66FB5
ΔE00 7.25
Purplish
#94568C
ΔE00 7.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A56B97 #6BA579
analogous
#966BA5 #A56B97 #A56B7A
triadic
#A56B97 #97A56B #6B97A5
tetradic
#A56B97 #A5966B #6BA579 #6B7AA5
square
#A56B97 #A5966B #6BA579 #6B7AA5
split-complementary
#A56B97 #7AA56B #6BA596
monochromatic
#5D3954 #835077 #A56B97 #BC91B2 #D3B7CC
إمكانية الوصول والتباين
On white
4.08
#A56B97 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.15
#A56B97 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A56B97
5.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A56B97 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A56B97 | 1.00 | 4.08 | 5.15 | 5.15 |
| #FFFFFF | 4.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.15 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C7899
Deuteranopia (green-blind)
#7A8195
Tritanopia (blue-blind)
#AB6D7B
Achromatopsia (no color)
#7E7E7E
وسوم التصميم والكود
CSS
--color: #a56b97; /* rgb */ color: rgb(165, 107, 151); /* oklch */ color: oklch(60.4% 0.095 335.9);
Tailwind
colors: {
custom: {
50: '#c096b5',
500: '#a56b97',
950: '#000000',
},
}SCSS
$custom: #a56b97; $custom-light: #c096b5; $custom-dark: #000000;
JSON
{
"hex": "#a56b97",
"rgb": {
"r": 165,
"g": 107,
"b": 151
},
"hsl": {
"h": 314.483,
"s": 24.37,
"l": 53.333
},
"oklch": {
"l": 0.60392,
"c": 0.09468,
"h": 335.9
},
"luminance": 0.20749
}Semantic roles & 50–950 ramp
primary
#A56B97
secondary
#A9C2AF
accent
#C17D67
background
#FBF9FB
surface
#F7F2F6
border
#D0CCD0
text
#120D11
muted
#817E80