#D8655B#D8655B
#D8655B لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.247؛ OKLCH L 64.4% C 0.147 H 27.0°. أفضل لون لنص المتن هو #000000 بتباين 5.93:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D8655B |
|---|---|
| RGB | rgb(216, 101, 91) |
| HSL | hsl(5, 62%, 60%) |
| HSV | hsv(5, 58%, 85%) |
| CMYK | cmyk(0%, 53.2%, 57.9%, 15.3%) |
| CIE-LAB | lab(56.75, 44.35, 27.40) |
| CIE-LCH | lch(56.75, 52.13, 31.71°) |
| OKLab | oklab(64.41% 0.1307 0.0665) |
| OKLCH | oklch(64.41% 0.147 27) |
| XYZ | xyz(34.8638, 24.6657, 12.8205) |
| Luminance | 0.2466 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pastel Red
#DB5856
ΔE00 3.14
Pale Red
#D9544D
ΔE00 3.79
Indianred
#CD5C5C
ΔE00 4.40
Dark Salmon
#C85A53
ΔE00 4.54
Dark Coral
#CF524E
ΔE00 5.17
Grapefruit
#FD5956
ΔE00 6.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D8655B #5BCED8
analogous
#D85B8F #D8655B #D8A35B
triadic
#D8655B #5BD865 #655BD8
tetradic
#D8655B #8FD85B #5BCED8 #A35BD8
square
#D8655B #8FD85B #5BCED8 #A35BD8
split-complementary
#D8655B #5BD8A3 #5B8FD8
monochromatic
#952D23 #C73B2F #D8655B #E4938C #F0C2BE
إمكانية الوصول والتباين
On white
3.54
#D8655B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.93
#D8655B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D8655B
5.93:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D8655B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D8655B | 1.00 | 3.54 | 5.93 | 5.93 |
| #FFFFFF | 3.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.93 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#81795A
Deuteranopia (green-blind)
#9E9159
Tritanopia (blue-blind)
#EB5163
Achromatopsia (no color)
#888888
وسوم التصميم والكود
CSS
--color: #d8655b; /* rgb */ color: rgb(216, 101, 91); /* oklch */ color: oklch(64.4% 0.147 27.0);
Tailwind
colors: {
custom: {
50: '#e99489',
500: '#d8655b',
950: '#000000',
},
}SCSS
$custom: #d8655b; $custom-light: #e99489; $custom-dark: #000000;
JSON
{
"hex": "#d8655b",
"rgb": {
"r": 216,
"g": 101,
"b": 91
},
"hsl": {
"h": 4.8,
"s": 61.576,
"l": 60.196
},
"oklch": {
"l": 0.64406,
"c": 0.14667,
"h": 27
},
"luminance": 0.24662
}Semantic roles & 50–950 ramp
primary
#D8655B
secondary
#AFDCDF
accent
#BBC91C
background
#FFF9F8
surface
#FEF2F0
border
#D6CCCB
text
#170D0B
muted
#857E7C