#D1737A#D1737A
#D1737A لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.272؛ OKLCH L 66.3% C 0.118 H 16.1°. أفضل لون لنص المتن هو #000000 بتباين 6.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D1737A |
|---|---|
| RGB | rgb(209, 115, 122) |
| HSL | hsl(356, 51%, 64%) |
| HSV | hsv(356, 45%, 82%) |
| CMYK | cmyk(0%, 45%, 41.6%, 18%) |
| CIE-LAB | lab(59.18, 37.50, 12.67) |
| CIE-LCH | lch(59.18, 39.59, 18.67°) |
| OKLab | oklab(66.25% 0.1134 0.0327) |
| OKLCH | oklch(66.25% 0.118 16.1) |
| XYZ | xyz(35.9401, 27.2253, 21.7708) |
| Luminance | 0.2722 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dirty Pink
#CA7B80
ΔE00 2.65
Ugly Pink
#CD7584
ΔE00 3.34
Dusty Rose
#C0737A
ΔE00 3.50
Pinkish
#D46A7E
ΔE00 3.93
Old Pink
#C77986
ΔE00 4.18
Old Rose
#C87F89
ΔE00 4.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D1737A #73D1CA
analogous
#D173A9 #D1737A #D19B73
triadic
#D1737A #7AD173 #737AD1
tetradic
#D1737A #A9D173 #73D1CA #9B73D1
square
#D1737A #A9D173 #73D1CA #9B73D1
split-complementary
#D1737A #73D19B #73A9D1
monochromatic
#983239 #C2454E #D1737A #E0A1A6 #EFCFD2
إمكانية الوصول والتباين
On white
3.26
#D1737A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.44
#D1737A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D1737A
6.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D1737A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D1737A | 1.00 | 3.26 | 6.44 | 6.44 |
| #FFFFFF | 3.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#86837A
Deuteranopia (green-blind)
#9D9678
Tritanopia (blue-blind)
#E16876
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #d1737a; /* rgb */ color: rgb(209, 115, 122); /* oklch */ color: oklch(66.3% 0.118 16.1);
Tailwind
colors: {
custom: {
50: '#e29da0',
500: '#d1737a',
950: '#000000',
},
}SCSS
$custom: #d1737a; $custom-light: #e29da0; $custom-dark: #000000;
JSON
{
"hex": "#d1737a",
"rgb": {
"r": 209,
"g": 115,
"b": 122
},
"hsl": {
"h": 355.532,
"s": 50.538,
"l": 63.529
},
"oklch": {
"l": 0.66254,
"c": 0.11798,
"h": 16.1
},
"luminance": 0.27222
}Semantic roles & 50–950 ramp
primary
#D1737A
secondary
#BFE1DE
accent
#BEB328
background
#FEF9F9
surface
#FCF2F2
border
#D5CCCC
text
#160E0E
muted
#847E7E