#D744BF#D744BF
#D744BF لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.223؛ OKLCH L 63.6% C 0.224 H 335.2°. أفضل لون لنص المتن هو #000000 بتباين 5.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D744BF |
|---|---|
| RGB | rgb(215, 68, 191) |
| HSL | hsl(310, 65%, 55%) |
| HSV | hsv(310, 68%, 84%) |
| CMYK | cmyk(0%, 68.4%, 11.2%, 15.7%) |
| CIE-LAB | lab(54.39, 69.70, -34.48) |
| CIE-LCH | lch(54.39, 77.76, 333.68°) |
| OKLab | oklab(63.63% 0.2032 -0.094) |
| OKLCH | oklch(63.63% 0.224 335.2) |
| XYZ | xyz(39.4959, 22.3463, 51.5132) |
| Luminance | 0.2234 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Pinky Purple
#C94CBE
ΔE00 2.36
Purpleish Pink
#DF4EC8
ΔE00 2.80
Purpley Pink
#C83CB9
ΔE00 3.80
Pinkish Purple
#D648D7
ΔE00 4.07
Hot Magenta
#F504C9
ΔE00 4.52
Fuchsia (survey)
#ED0DD9
ΔE00 4.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D744BF #44D75C
analogous
#A544D7 #D744BF #D74475
triadic
#D744BF #BFD744 #44BFD7
tetradic
#D744BF #D7A544 #44D75C #4475D7
square
#D744BF #D7A544 #44D75C #4475D7
split-complementary
#D744BF #75D744 #44D7A5
monochromatic
#841C73 #B7279F #D744BF #E276D0 #EDA9E2
إمكانية الوصول والتباين
On white
3.84
#D744BF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.47
#D744BF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D744BF
5.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D744BF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D744BF | 1.00 | 3.84 | 5.47 | 5.47 |
| #FFFFFF | 3.84 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.47 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.47 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4474C3
Deuteranopia (green-blind)
#768ABB
Tritanopia (blue-blind)
#E14F7C
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #d744bf; /* rgb */ color: rgb(215, 68, 191); /* oklch */ color: oklch(63.6% 0.224 335.2);
Tailwind
colors: {
custom: {
50: '#e784d2',
500: '#d744bf',
950: '#000000',
},
}SCSS
$custom: #d744bf; $custom-light: #e784d2; $custom-dark: #000000;
JSON
{
"hex": "#d744bf",
"rgb": {
"r": 215,
"g": 68,
"b": 191
},
"hsl": {
"h": 309.796,
"s": 64.758,
"l": 55.49
},
"oklch": {
"l": 0.63629,
"c": 0.22392,
"h": 335.2
},
"luminance": 0.22343
}Semantic roles & 50–950 ramp
primary
#D744BF
secondary
#9DDAA7
accent
#E85B40
background
#FEF8FC
surface
#FDF0F9
border
#D5CBD2
text
#160C14
muted
#847D82