#DA4E6A#DA4E6A
#DA4E6A لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.214؛ OKLCH L 62.0% C 0.175 H 11.9°. أفضل لون لنص المتن هو #000000 بتباين 5.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DA4E6A |
|---|---|
| RGB | rgb(218, 78, 106) |
| HSL | hsl(348, 65%, 58%) |
| HSV | hsv(348, 64%, 85%) |
| CMYK | cmyk(0%, 64.2%, 51.4%, 14.5%) |
| CIE-LAB | lab(53.38, 56.71, 14.17) |
| CIE-LCH | lch(53.38, 58.45, 14.03°) |
| OKLab | oklab(62.03% 0.1716 0.036) |
| OKLCH | oklch(62.03% 0.175 11.9) |
| XYZ | xyz(34.2422, 21.3992, 15.9602) |
| Luminance | 0.2140 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Rose (survey)
#CF6275
ΔE00 4.21
Cherry
#DE3163
ΔE00 4.30
Deep Rose
#C74767
ΔE00 4.92
Dark Pink
#CB416B
ΔE00 5.73
Blush
#DE5D83
ΔE00 5.82
Pinkish
#D46A7E
ΔE00 6.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DA4E6A #4EDABE
analogous
#DA4EB0 #DA4E6A #DA784E
triadic
#DA4E6A #6ADA4E #4E6ADA
tetradic
#DA4E6A #B0DA4E #4EDABE #784EDA
square
#DA4E6A #B0DA4E #4EDABE #784EDA
split-complementary
#DA4E6A #4EDA78 #4EB0DA
monochromatic
#901E35 #C22947 #DA4E6A #E58195 #EFB3BF
إمكانية الوصول والتباين
On white
3.98
#DA4E6A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.28
#DA4E6A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DA4E6A
5.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DA4E6A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DA4E6A | 1.00 | 3.98 | 5.28 | 5.28 |
| #FFFFFF | 3.98 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.28 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E6E6A
Deuteranopia (green-blind)
#938A67
Tritanopia (blue-blind)
#ED3659
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #da4e6a; /* rgb */ color: rgb(218, 78, 106); /* oklch */ color: oklch(62.0% 0.175 11.9);
Tailwind
colors: {
custom: {
50: '#eb8794',
500: '#da4e6a',
950: '#000000',
},
}SCSS
$custom: #da4e6a; $custom-light: #eb8794; $custom-dark: #000000;
JSON
{
"hex": "#da4e6a",
"rgb": {
"r": 218,
"g": 78,
"b": 106
},
"hsl": {
"h": 348,
"s": 65.421,
"l": 58.039
},
"oklch": {
"l": 0.62032,
"c": 0.1753,
"h": 11.9
},
"luminance": 0.21395
}Semantic roles & 50–950 ramp
primary
#DA4E6A
secondary
#A6DED3
accent
#E8C73F
background
#FFF8F9
surface
#FFF0F1
border
#D7CBCB
text
#170C0D
muted
#857D7E