#DF6B94#DF6B94
#DF6B94 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.283؛ OKLCH L 67.6% C 0.150 H 359.6°. أفضل لون لنص المتن هو #000000 بتباين 6.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DF6B94 |
|---|---|
| RGB | rgb(223, 107, 148) |
| HSL | hsl(339, 64%, 65%) |
| HSV | hsv(339, 52%, 87%) |
| CMYK | cmyk(0%, 52%, 33.6%, 12.5%) |
| CIE-LAB | lab(60.20, 49.46, -0.65) |
| CIE-LCH | lch(60.20, 49.46, 359.25°) |
| OKLab | oklab(67.64% 0.1504 -0.0011) |
| OKLCH | oklch(67.64% 0.15 359.6) |
| XYZ | xyz(41.0364, 28.3454, 31.3213) |
| Luminance | 0.2834 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Palevioletred
#DB7093
ΔE00 1.40
Medium Pink
#F36196
ΔE00 3.45
Muted Pink
#D1768F
ΔE00 4.04
Blush
#DE5D83
ΔE00 4.05
Rosy Pink
#F6688E
ΔE00 4.98
Strawberry
#FC5A8D
ΔE00 5.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DF6B94 #6BDFB6
analogous
#DF6BCE #DF6B94 #DF7C6B
triadic
#DF6B94 #94DF6B #6B94DF
tetradic
#DF6B94 #CEDF6B #6BDFB6 #7C6BDF
square
#DF6B94 #CEDF6B #6BDFB6 #7C6BDF
split-complementary
#DF6B94 #6BDF7C #6BCEDF
monochromatic
#AB2554 #D43970 #DF6B94 #EA9DB8 #F5D0DD
إمكانية الوصول والتباين
On white
3.15
#DF6B94 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.67
#DF6B94 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DF6B94
6.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DF6B94 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DF6B94 | 1.00 | 3.15 | 6.67 | 6.67 |
| #FFFFFF | 3.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D8495
Deuteranopia (green-blind)
#9B9991
Tritanopia (blue-blind)
#EF627A
Achromatopsia (no color)
#919191
وسوم التصميم والكود
CSS
--color: #df6b94; /* rgb */ color: rgb(223, 107, 148); /* oklch */ color: oklch(67.6% 0.150 359.6);
Tailwind
colors: {
custom: {
50: '#ec99b3',
500: '#df6b94',
950: '#000000',
},
}SCSS
$custom: #df6b94; $custom-light: #ec99b3; $custom-dark: #000000;
JSON
{
"hex": "#df6b94",
"rgb": {
"r": 223,
"g": 107,
"b": 148
},
"hsl": {
"h": 338.793,
"s": 64.444,
"l": 64.706
},
"oklch": {
"l": 0.67638,
"c": 0.15035,
"h": 359.6
},
"luminance": 0.28341
}Semantic roles & 50–950 ramp
primary
#DF6B94
secondary
#BFE7D9
accent
#CC8D19
background
#FEF9FB
surface
#FDF2F6
border
#D5CCD0
text
#170E11
muted
#857E80