#A4606C#A4606C
#A4606C لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.173؛ OKLCH L 56.9% C 0.089 H 8.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A4606C |
|---|---|
| RGB | rgb(164, 96, 108) |
| HSL | hsl(349, 27%, 51%) |
| HSV | hsv(349, 41%, 64%) |
| CMYK | cmyk(0%, 41.5%, 34.1%, 35.7%) |
| CIE-LAB | lab(48.69, 29.09, 5.20) |
| CIE-LCH | lch(48.69, 29.55, 10.14°) |
| OKLab | oklab(56.89% 0.0882 0.0139) |
| OKLCH | oklch(56.89% 0.089 8.9) |
| XYZ | xyz(22.2004, 17.3427, 16.3627) |
| Luminance | 0.1734 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusky Rose
#BA6873
ΔE00 5.53
Mauve (survey)
#AE7181
ΔE00 6.33
Light Maroon
#A24857
ΔE00 7.10
Dark Rose
#B5485D
ΔE00 7.14
Light Burgundy
#A8415B
ΔE00 8.30
Dusty Rose
#C0737A
ΔE00 8.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A4606C #60A498
analogous
#A4608E #A4606C #A47660
triadic
#A4606C #6CA460 #606CA4
tetradic
#A4606C #8EA460 #60A498 #7660A4
square
#A4606C #8EA460 #60A498 #7660A4
split-complementary
#A4606C #60A476 #608EA4
monochromatic
#583239 #7E4852 #A4606C #BA8790 #D1AEB4
إمكانية الوصول والتباين
On white
4.70
#A4606C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.47
#A4606C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A4606C
4.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A4606C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A4606C | 1.00 | 4.70 | 4.47 | 4.70 |
| #FFFFFF | 4.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.70 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C6C6C
Deuteranopia (green-blind)
#7C796B
Tritanopia (blue-blind)
#AF5A64
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #a4606c; /* rgb */ color: rgb(164, 96, 108); /* oklch */ color: oklch(56.9% 0.089 8.9);
Tailwind
colors: {
custom: {
50: '#c18e96',
500: '#a4606c',
950: '#000000',
},
}SCSS
$custom: #a4606c; $custom-light: #c18e96; $custom-dark: #000000;
JSON
{
"hex": "#a4606c",
"rgb": {
"r": 164,
"g": 96,
"b": 108
},
"hsl": {
"h": 349.412,
"s": 27.2,
"l": 50.98
},
"oklch": {
"l": 0.56889,
"c": 0.0893,
"h": 8.9
},
"luminance": 0.17341
}Semantic roles & 50–950 ramp
primary
#A4606C
secondary
#A1BFBA
accent
#C4B364
background
#FCF8F9
surface
#F8F0F1
border
#D1CBCB
text
#130C0D
muted
#827D7E