#D37A72#D37A72
#D37A72 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.290؛ OKLCH L 67.5% C 0.112 H 25.9°. أفضل لون لنص المتن هو #000000 بتباين 6.80:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D37A72 |
|---|---|
| RGB | rgb(211, 122, 114) |
| HSL | hsl(5, 52%, 64%) |
| HSV | hsv(5, 46%, 83%) |
| CMYK | cmyk(0%, 42.2%, 46%, 17.3%) |
| CIE-LAB | lab(60.77, 33.73, 19.49) |
| CIE-LCH | lch(60.77, 38.96, 30.03°) |
| OKLab | oklab(67.46% 0.1011 0.0491) |
| OKLCH | oklch(67.46% 0.112 25.9) |
| XYZ | xyz(36.8629, 28.9863, 19.5698) |
| Luminance | 0.2898 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Brownish Pink
#C27E79
ΔE00 4.09
Dirty Pink
#CA7B80
ΔE00 5.40
Lightcoral
#F08080
ΔE00 5.93
Dusty Rose
#C0737A
ΔE00 7.02
Salmon
#FA8072
ΔE00 7.37
Salmon Pink
#FE7B7C
ΔE00 7.79
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D37A72 #72CBD3
analogous
#D3729A #D37A72 #D3AA72
triadic
#D37A72 #72D37A #7A72D3
tetradic
#D37A72 #9AD372 #72CBD3 #AA72D3
square
#D37A72 #9AD372 #72CBD3 #AA72D3
split-complementary
#D37A72 #72D3AA #729AD3
monochromatic
#9A3930 #C44E43 #D37A72 #E2A6A1 #F0D2CF
إمكانية الوصول والتباين
On white
3.09
#D37A72 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.80
#D37A72 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D37A72
6.80:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D37A72 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D37A72 | 1.00 | 3.09 | 6.80 | 6.80 |
| #FFFFFF | 3.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.80 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8E8871
Deuteranopia (green-blind)
#A39A71
Tritanopia (blue-blind)
#E46E78
Achromatopsia (no color)
#939393
وسوم التصميم والكود
CSS
--color: #d37a72; /* rgb */ color: rgb(211, 122, 114); /* oklch */ color: oklch(67.5% 0.112 25.9);
Tailwind
colors: {
custom: {
50: '#e4a29a',
500: '#d37a72',
950: '#000000',
},
}SCSS
$custom: #d37a72; $custom-light: #e4a29a; $custom-dark: #000000;
JSON
{
"hex": "#d37a72",
"rgb": {
"r": 211,
"g": 122,
"b": 114
},
"hsl": {
"h": 4.948,
"s": 52.432,
"l": 63.725
},
"oklch": {
"l": 0.67464,
"c": 0.1124,
"h": 25.9
},
"luminance": 0.28983
}Semantic roles & 50–950 ramp
primary
#D37A72
secondary
#BFDFE2
accent
#B3C026
background
#FEFAF9
surface
#FDF3F2
border
#D5CDCC
text
#160F0E
muted
#847F7E