#DD4E73#DD4E73
#DD4E73 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.221؛ OKLCH L 62.7% C 0.180 H 8.2°. أفضل لون لنص المتن هو #000000 بتباين 5.41:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DD4E73 |
|---|---|
| RGB | rgb(221, 78, 115) |
| HSL | hsl(344, 68%, 59%) |
| HSV | hsv(344, 65%, 87%) |
| CMYK | cmyk(0%, 64.7%, 48%, 13.3%) |
| CIE-LAB | lab(54.09, 58.43, 9.88) |
| CIE-LCH | lch(54.09, 59.26, 9.60°) |
| OKLab | oklab(62.72% 0.1777 0.0257) |
| OKLCH | oklch(62.72% 0.18 8.2) |
| XYZ | xyz(35.6405, 22.0632, 18.5981) |
| Luminance | 0.2206 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Blush
#DE5D83
ΔE00 3.89
Darkish Pink
#DA467D
ΔE00 4.22
Rose (survey)
#CF6275
ΔE00 4.38
Cherry
#DE3163
ΔE00 4.70
Deep Rose
#C74767
ΔE00 5.21
Dark Pink
#CB416B
ΔE00 5.31
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DD4E73 #4EDDB8
analogous
#DD4EBA #DD4E73 #DD704E
triadic
#DD4E73 #73DD4E #4E73DD
tetradic
#DD4E73 #BADD4E #4EDDB8 #704EDD
square
#DD4E73 #BADD4E #4EDDB8 #704EDD
split-complementary
#DD4E73 #4EDD70 #4EBADD
monochromatic
#941C3B #C72650 #DD4E73 #E7819C #F1B5C4
إمكانية الوصول والتباين
On white
3.88
#DD4E73 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.41
#DD4E73 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DD4E73
5.41:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DD4E73 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DD4E73 | 1.00 | 3.88 | 5.41 | 5.41 |
| #FFFFFF | 3.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.41 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.41 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E6F74
Deuteranopia (green-blind)
#938C70
Tritanopia (blue-blind)
#F0385C
Achromatopsia (no color)
#818181
وسوم التصميم والكود
CSS
--color: #dd4e73; /* rgb */ color: rgb(221, 78, 115); /* oklch */ color: oklch(62.7% 0.180 8.2);
Tailwind
colors: {
custom: {
50: '#ed879b',
500: '#dd4e73',
950: '#000000',
},
}SCSS
$custom: #dd4e73; $custom-light: #ed879b; $custom-dark: #000000;
JSON
{
"hex": "#dd4e73",
"rgb": {
"r": 221,
"g": 78,
"b": 115
},
"hsl": {
"h": 344.476,
"s": 67.773,
"l": 58.627
},
"oklch": {
"l": 0.62725,
"c": 0.17952,
"h": 8.2
},
"luminance": 0.22059
}Semantic roles & 50–950 ramp
primary
#DD4E73
secondary
#A7E0D1
accent
#EBBE3D
background
#FFF8F9
surface
#FFF0F2
border
#D7CBCC
text
#170C0E
muted
#857D7E