#A46476#A46476
#A46476 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.183؛ OKLCH L 57.9% C 0.085 H 1.9°. أفضل لون لنص المتن هو #000000 بتباين 4.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A46476 |
|---|---|
| RGB | rgb(164, 100, 118) |
| HSL | hsl(343, 26%, 52%) |
| HSV | hsv(343, 39%, 64%) |
| CMYK | cmyk(0%, 39%, 28%, 35.7%) |
| CIE-LAB | lab(49.88, 28.24, 0.94) |
| CIE-LCH | lch(49.88, 28.26, 1.91°) |
| OKLab | oklab(57.89% 0.0854 0.0029) |
| OKLCH | oklch(57.89% 0.085 1.9) |
| XYZ | xyz(23.1377, 18.3165, 19.4528) |
| Luminance | 0.1832 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mauve (survey)
#AE7181
ΔE00 4.59
Dusky Rose
#BA6873
ΔE00 6.20
Light Plum
#9D5783
ΔE00 8.38
Dusty Rose
#C0737A
ΔE00 8.64
Dusky Purple
#895B7B
ΔE00 8.97
Dark Rose
#B5485D
ΔE00 9.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A46476 #64A492
analogous
#A46496 #A46476 #A47264
triadic
#A46476 #76A464 #6476A4
tetradic
#A46476 #96A464 #64A492 #7264A4
square
#A46476 #96A464 #64A492 #7264A4
split-complementary
#A46476 #64A472 #6496A4
monochromatic
#59343F #804B5A #A46476 #BB8B98 #D1B1BA
إمكانية الوصول والتباين
On white
4.50
#A46476 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.66
#A46476 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #A46476
4.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A46476 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A46476 | 1.00 | 4.50 | 4.66 | 4.66 |
| #FFFFFF | 4.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6D7077
Deuteranopia (green-blind)
#7D7B75
Tritanopia (blue-blind)
#AE606A
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #a46476; /* rgb */ color: rgb(164, 100, 118); /* oklch */ color: oklch(57.9% 0.085 1.9);
Tailwind
colors: {
custom: {
50: '#c0919d',
500: '#a46476',
950: '#000000',
},
}SCSS
$custom: #a46476; $custom-light: #c0919d; $custom-dark: #000000;
JSON
{
"hex": "#a46476",
"rgb": {
"r": 164,
"g": 100,
"b": 118
},
"hsl": {
"h": 343.125,
"s": 26.016,
"l": 51.765
},
"oklch": {
"l": 0.57886,
"c": 0.08543,
"h": 1.9
},
"luminance": 0.18315
}Semantic roles & 50–950 ramp
primary
#A46476
secondary
#A4C0B8
accent
#C2A865
background
#FCF8F9
surface
#F8F0F2
border
#D1CBCC
text
#120D0E
muted
#817D7E