#DC8776#DC8776
#DC8776 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.339؛ OKLCH L 70.9% C 0.108 H 32.1°. أفضل لون لنص المتن هو #000000 بتباين 7.77:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DC8776 |
|---|---|
| RGB | rgb(220, 135, 118) |
| HSL | hsl(10, 59%, 66%) |
| HSV | hsv(10, 46%, 86%) |
| CMYK | cmyk(0%, 38.6%, 46.4%, 13.7%) |
| CIE-LAB | lab(64.85, 30.69, 22.95) |
| CIE-LCH | lch(64.85, 38.32, 36.79°) |
| OKLab | oklab(70.86% 0.0917 0.0574) |
| OKLCH | oklch(70.86% 0.108 32.1) |
| XYZ | xyz(41.4515, 33.8552, 21.4876) |
| Luminance | 0.3385 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Darksalmon
#E9967A
ΔE00 5.48
Dark Peach
#DE7E5D
ΔE00 5.67
Salmon
#FA8072
ΔE00 5.80
Blush (survey)
#F29E8E
ΔE00 6.50
Lightcoral
#F08080
ΔE00 6.78
Brownish Pink
#C27E79
ΔE00 6.79
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DC8776 #76CBDC
analogous
#DC7698 #DC8776 #DCBA76
triadic
#DC8776 #76DC87 #8776DC
tetradic
#DC8776 #98DC76 #76CBDC #BA76DC
square
#DC8776 #98DC76 #76CBDC #BA76DC
split-complementary
#DC8776 #76DCBA #7698DC
monochromatic
#AC412C #D05C45 #DC8776 #E8B2A7 #F5DCD7
إمكانية الوصول والتباين
On white
2.70
#DC8776 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.77
#DC8776 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DC8776
7.77:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DC8776 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DC8776 | 1.00 | 2.70 | 7.77 | 7.77 |
| #FFFFFF | 2.70 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.77 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.77 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9B9374
Deuteranopia (green-blind)
#AFA475
Tritanopia (blue-blind)
#ED7A83
Achromatopsia (no color)
#9D9D9D
وسوم التصميم والكود
CSS
--color: #dc8776; /* rgb */ color: rgb(220, 135, 118); /* oklch */ color: oklch(70.9% 0.108 32.1);
Tailwind
colors: {
custom: {
50: '#eaab9d',
500: '#dc8776',
950: '#000000',
},
}SCSS
$custom: #dc8776; $custom-light: #eaab9d; $custom-dark: #000000;
JSON
{
"hex": "#dc8776",
"rgb": {
"r": 220,
"g": 135,
"b": 118
},
"hsl": {
"h": 10,
"s": 59.302,
"l": 66.275
},
"oklch": {
"l": 0.70857,
"c": 0.10815,
"h": 32.1
},
"luminance": 0.33852
}Semantic roles & 50–950 ramp
primary
#DC8776
secondary
#C6E2E8
accent
#ABC71F
background
#FEFAF9
surface
#FDF4F2
border
#D5CECC
text
#17100E
muted
#857F7E