#DB7A63#DB7A63
#DB7A63 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.299؛ OKLCH L 68.2% C 0.126 H 34.3°. أفضل لون لنص المتن هو #000000 بتباين 6.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DB7A63 |
|---|---|
| RGB | rgb(219, 122, 99) |
| HSL | hsl(12, 63%, 62%) |
| HSV | hsv(12, 55%, 86%) |
| CMYK | cmyk(0%, 44.3%, 54.8%, 14.1%) |
| CIE-LAB | lab(61.55, 35.44, 29.18) |
| CIE-LCH | lch(61.55, 45.90, 39.47°) |
| OKLab | oklab(68.19% 0.104 0.0711) |
| OKLCH | oklch(68.19% 0.126 34.3) |
| XYZ | xyz(38.4278, 29.8839, 15.5464) |
| Luminance | 0.2988 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dark Peach
#DE7E5D
ΔE00 3.29
Salmon
#FA8072
ΔE00 6.51
Terracotta
#C96F4A
ΔE00 6.70
Orange Pink
#FF6F52
ΔE00 6.72
Melon
#FF7855
ΔE00 6.83
Salmon (survey)
#FF796C
ΔE00 7.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DB7A63 #63C4DB
analogous
#DB6388 #DB7A63 #DBB663
triadic
#DB7A63 #63DB7A #7A63DB
tetradic
#DB7A63 #88DB63 #63C4DB #B663DB
square
#DB7A63 #88DB63 #63C4DB #B663DB
split-complementary
#DB7A63 #63DBB6 #6388DB
monochromatic
#9F3C25 #D05031 #DB7A63 #E6A495 #F2CFC6
إمكانية الوصول والتباين
On white
3.01
#DB7A63 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.98
#DB7A63 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DB7A63
6.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DB7A63 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DB7A63 | 1.00 | 3.01 | 6.98 | 6.98 |
| #FFFFFF | 3.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#928861
Deuteranopia (green-blind)
#A99D62
Tritanopia (blue-blind)
#EE6A74
Achromatopsia (no color)
#959595
وسوم التصميم والكود
CSS
--color: #db7a63; /* rgb */ color: rgb(219, 122, 99); /* oklch */ color: oklch(68.2% 0.126 34.3);
Tailwind
colors: {
custom: {
50: '#eba28f',
500: '#db7a63',
950: '#000000',
},
}SCSS
$custom: #db7a63; $custom-light: #eba28f; $custom-dark: #000000;
JSON
{
"hex": "#db7a63",
"rgb": {
"r": 219,
"g": 122,
"b": 99
},
"hsl": {
"h": 11.5,
"s": 62.5,
"l": 62.353
},
"oklch": {
"l": 0.68195,
"c": 0.126,
"h": 34.3
},
"luminance": 0.2988
}Semantic roles & 50–950 ramp
primary
#DB7A63
secondary
#B7DAE3
accent
#A9CA1B
background
#FEFAF8
surface
#FDF3F0
border
#D5CDCB
text
#170F0C
muted
#857F7D