#DE505A#DE505A
#DE505A لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.220؛ OKLCH L 62.5% C 0.177 H 19.8°. أفضل لون لنص المتن هو #000000 بتباين 5.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DE505A |
|---|---|
| RGB | rgb(222, 80, 90) |
| HSL | hsl(356, 68%, 59%) |
| HSV | hsv(356, 64%, 87%) |
| CMYK | cmyk(0%, 64%, 59.5%, 12.9%) |
| CIE-LAB | lab(54.04, 55.96, 24.64) |
| CIE-LCH | lch(54.04, 61.14, 23.77°) |
| OKLab | oklab(62.54% 0.1664 0.06) |
| OKLCH | oklch(62.54% 0.177 19.8) |
| XYZ | xyz(34.8416, 22.0098, 12.0845) |
| Luminance | 0.2200 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pastel Red
#DB5856
ΔE00 3.00
Faded Red
#D3494E
ΔE00 3.52
Indianred
#CD5C5C
ΔE00 3.53
Dark Coral
#CF524E
ΔE00 4.37
Pale Red
#D9544D
ΔE00 4.57
Red Pink
#FA2A55
ΔE00 5.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DE505A #50DED4
analogous
#DE50A1 #DE505A #DE8D50
triadic
#DE505A #5ADE50 #505ADE
tetradic
#DE505A #A1DE50 #50DED4 #8D50DE
square
#DE505A #A1DE50 #50DED4 #8D50DE
split-complementary
#DE505A #50DE8D #50A1DE
monochromatic
#971C25 #CB2632 #DE505A #E8838B #F1B7BB
إمكانية الوصول والتباين
On white
3.89
#DE505A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.40
#DE505A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DE505A
5.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DE505A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DE505A | 1.00 | 3.89 | 5.40 | 5.40 |
| #FFFFFF | 3.89 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.40 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.40 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#746E59
Deuteranopia (green-blind)
#988C56
Tritanopia (blue-blind)
#F33255
Achromatopsia (no color)
#818181
وسوم التصميم والكود
CSS
--color: #de505a; /* rgb */ color: rgb(222, 80, 90); /* oklch */ color: oklch(62.5% 0.177 19.8);
Tailwind
colors: {
custom: {
50: '#ef8888',
500: '#de505a',
950: '#000000',
},
}SCSS
$custom: #de505a; $custom-light: #ef8888; $custom-dark: #000000;
JSON
{
"hex": "#de505a",
"rgb": {
"r": 222,
"g": 80,
"b": 90
},
"hsl": {
"h": 355.775,
"s": 68.269,
"l": 59.216
},
"oklch": {
"l": 0.62542,
"c": 0.17691,
"h": 19.8
},
"luminance": 0.22005
}Semantic roles & 50–950 ramp
primary
#DE505A
secondary
#A9E1DD
accent
#EBDF3D
background
#FFF8F8
surface
#FFF0EF
border
#D7CBCA
text
#180C0B
muted
#867D7C