#AF5556#AF5556
#AF5556 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.163؛ OKLCH L 56.0% C 0.118 H 20.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.93:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF5556 |
|---|---|
| RGB | rgb(175, 85, 86) |
| HSL | hsl(359, 36%, 51%) |
| HSV | hsv(359, 51%, 69%) |
| CMYK | cmyk(0%, 51.4%, 50.9%, 31.4%) |
| CIE-LAB | lab(47.35, 36.76, 16.77) |
| CIE-LCH | lch(47.35, 40.40, 24.52°) |
| OKLab | oklab(56.02% 0.1101 0.042) |
| OKLCH | oklch(56.02% 0.118 20.9) |
| XYZ | xyz(22.6090, 16.2853, 10.7550) |
| Luminance | 0.1628 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusty Red
#B9484E
ΔE00 3.47
Dark Rose
#B5485D
ΔE00 5.89
Dull Red
#BB3F3F
ΔE00 6.19
Light Maroon
#A24857
ΔE00 6.40
Dark Salmon
#C85A53
ΔE00 6.47
Reddish
#C44240
ΔE00 6.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF5556 #55AFAE
analogous
#AF5583 #AF5556 #AF8155
triadic
#AF5556 #56AF55 #5556AF
tetradic
#AF5556 #83AF55 #55AFAE #8155AF
square
#AF5556 #83AF55 #55AFAE #8155AF
split-complementary
#AF5556 #55AF81 #5583AF
monochromatic
#5E2C2D #874040 #AF5556 #C37F7F #D6A8A9
إمكانية الوصول والتباين
On white
4.93
#AF5556 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.26
#AF5556 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AF5556
4.93:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF5556 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AF5556 | 1.00 | 4.93 | 4.26 | 4.93 |
| #FFFFFF | 4.93 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.93 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#696555
Deuteranopia (green-blind)
#807754
Tritanopia (blue-blind)
#BE4856
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #af5556; /* rgb */ color: rgb(175, 85, 86); /* oklch */ color: oklch(56.0% 0.118 20.9);
Tailwind
colors: {
custom: {
50: '#cb8785',
500: '#af5556',
950: '#000000',
},
}SCSS
$custom: #af5556; $custom-light: #cb8785; $custom-dark: #000000;
JSON
{
"hex": "#af5556",
"rgb": {
"r": 175,
"g": 85,
"b": 86
},
"hsl": {
"h": 359.333,
"s": 36,
"l": 50.98
},
"oklch": {
"l": 0.56019,
"c": 0.11783,
"h": 20.9
},
"luminance": 0.16283
}Semantic roles & 50–950 ramp
primary
#AF5556
secondary
#9CC4C3
accent
#CCCB5C
background
#FDF8F8
surface
#FAF0EF
border
#D3CBCA
text
#140B0B
muted
#837C7C