#DF4476#DF4476
#DF4476 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.211؛ OKLCH L 62.1% C 0.194 H 5.3°. أفضل لون لنص المتن هو #000000 بتباين 5.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DF4476 |
|---|---|
| RGB | rgb(223, 68, 118) |
| HSL | hsl(341, 71%, 57%) |
| HSV | hsv(341, 70%, 87%) |
| CMYK | cmyk(0%, 69.5%, 47.1%, 12.5%) |
| CIE-LAB | lab(53.10, 63.17, 6.72) |
| CIE-LCH | lch(53.10, 63.52, 6.08°) |
| OKLab | oklab(62.07% 0.1929 0.0178) |
| OKLCH | oklch(62.07% 0.194 5.3) |
| XYZ | xyz(35.7715, 21.1349, 19.3318) |
| Luminance | 0.2113 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Darkish Pink
#DA467D
ΔE00 2.27
Cherry
#DE3163
ΔE00 4.41
Dark Pink
#CB416B
ΔE00 4.44
Blush
#DE5D83
ΔE00 4.61
Deep Rose
#C74767
ΔE00 5.18
Rose
#FF007F
ΔE00 5.39
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DF4476 #44DFAD
analogous
#DF44C4 #DF4476 #DF6044
triadic
#DF4476 #76DF44 #4476DF
tetradic
#DF4476 #C4DF44 #44DFAD #6044DF
square
#DF4476 #C4DF44 #44DFAD #6044DF
split-complementary
#DF4476 #44DF60 #44C4DF
monochromatic
#90193F #C42256 #DF4476 #E8789C #F1ADC3
إمكانية الوصول والتباين
On white
4.02
#DF4476 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.23
#DF4476 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DF4476
5.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DF4476 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DF4476 | 1.00 | 4.02 | 5.23 | 5.23 |
| #FFFFFF | 4.02 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.23 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.23 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#676B77
Deuteranopia (green-blind)
#908A72
Tritanopia (blue-blind)
#F22A58
Achromatopsia (no color)
#7F7F7F
وسوم التصميم والكود
CSS
--color: #df4476; /* rgb */ color: rgb(223, 68, 118); /* oklch */ color: oklch(62.1% 0.194 5.3);
Tailwind
colors: {
custom: {
50: '#ef839d',
500: '#df4476',
950: '#000000',
},
}SCSS
$custom: #df4476; $custom-light: #ef839d; $custom-dark: #000000;
JSON
{
"hex": "#df4476",
"rgb": {
"r": 223,
"g": 68,
"b": 118
},
"hsl": {
"h": 340.645,
"s": 70.776,
"l": 57.059
},
"oklch": {
"l": 0.62073,
"c": 0.1937,
"h": 5.3
},
"luminance": 0.2113
}Semantic roles & 50–950 ramp
primary
#DF4476
secondary
#A0DFCB
accent
#EEB43A
background
#FFF8F9
surface
#FFF0F2
border
#D7CBCC
text
#180B0E
muted
#867C7E