#AB263B#AB263B
#AB263B لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.104؛ OKLCH L 49.1% C 0.168 H 17.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AB263B |
|---|---|
| RGB | rgb(171, 38, 59) |
| HSL | hsl(351, 64%, 41%) |
| HSV | hsv(351, 78%, 67%) |
| CMYK | cmyk(0%, 77.8%, 65.5%, 32.9%) |
| CIE-LAB | lab(38.49, 53.76, 21.50) |
| CIE-LCH | lch(38.49, 57.90, 21.80°) |
| OKLab | oklab(49.07% 0.1599 0.0513) |
| OKLCH | oklch(49.07% 0.168 17.8) |
| XYZ | xyz(18.2791, 10.3627, 5.1745) |
| Luminance | 0.1036 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Rouge
#AB1239
ΔE00 2.34
Rose Red
#BE013C
ΔE00 3.54
Lipstick Red
#C0022F
ΔE00 4.92
Cardinal
#C41E3A
ΔE00 4.98
Brown
#A52A2A
ΔE00 5.75
Ruby
#CA0147
ΔE00 6.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AB263B #26AB96
analogous
#AB267D #AB263B #AB5326
triadic
#AB263B #3BAB26 #263BAB
tetradic
#AB263B #7DAB26 #26AB96 #5326AB
square
#AB263B #7DAB26 #26AB96 #5326AB
split-complementary
#AB263B #26AB53 #267DAB
monochromatic
#471018 #791B2A #AB263B #D33B53 #DF6D7F
إمكانية الوصول والتباين
On white
6.84
#AB263B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.07
#AB263B on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AB263B
6.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AB263B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AB263B | 1.00 | 6.84 | 3.07 | 6.84 |
| #FFFFFF | 6.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4D493B
Deuteranopia (green-blind)
#6E6537
Tritanopia (blue-blind)
#BC002F
Achromatopsia (no color)
#5B5B5B
وسوم التصميم والكود
CSS
--color: #ab263b; /* rgb */ color: rgb(171, 38, 59); /* oklch */ color: oklch(49.1% 0.168 17.8);
Tailwind
colors: {
custom: {
50: '#cc6d70',
500: '#ab263b',
950: '#000000',
},
}SCSS
$custom: #ab263b; $custom-light: #cc6d70; $custom-dark: #000000;
JSON
{
"hex": "#ab263b",
"rgb": {
"r": 171,
"g": 38,
"b": 59
},
"hsl": {
"h": 350.526,
"s": 63.636,
"l": 40.98
},
"oklch": {
"l": 0.49071,
"c": 0.16795,
"h": 17.8
},
"luminance": 0.1036
}Semantic roles & 50–950 ramp
primary
#AB263B
secondary
#68C5B6
accent
#E7CD41
background
#FDF6F6
surface
#FAECEC
border
#D3C7C7
text
#150807
muted
#837A7A