#D46F97#D46F97
#D46F97 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.276؛ OKLCH L 66.8% C 0.134 H 356.3°. أفضل لون لنص المتن هو #000000 بتباين 6.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D46F97 |
|---|---|
| RGB | rgb(212, 111, 151) |
| HSL | hsl(336, 54%, 63%) |
| HSV | hsv(336, 48%, 83%) |
| CMYK | cmyk(0%, 47.6%, 28.8%, 16.9%) |
| CIE-LAB | lab(59.53, 44.15, -3.54) |
| CIE-LCH | lch(59.53, 44.29, 355.41°) |
| OKLab | oklab(66.85% 0.1336 -0.0088) |
| OKLCH | oklch(66.85% 0.134 356.3) |
| XYZ | xyz(38.4231, 27.6036, 32.5765) |
| Luminance | 0.2760 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Palevioletred
#DB7093
ΔE00 2.31
Muted Pink
#D1768F
ΔE00 3.77
Blush
#DE5D83
ΔE00 5.59
Medium Pink
#F36196
ΔE00 5.61
Dusky Pink
#CC7A8B
ΔE00 6.00
Dull Pink
#D5869D
ΔE00 6.31
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D46F97 #6FD4AC
analogous
#D46FC9 #D46F97 #D4796F
triadic
#D46F97 #97D46F #6F97D4
tetradic
#D46F97 #C9D46F #6FD4AC #796FD4
square
#D46F97 #C9D46F #6FD4AC #796FD4
split-complementary
#D46F97 #6FD479 #6FC9D4
monochromatic
#9A2E59 #C64075 #D46F97 #E29EB9 #F0CDDB
إمكانية الوصول والتباين
On white
3.22
#D46F97 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.52
#D46F97 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #D46F97
6.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D46F97 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D46F97 | 1.00 | 3.22 | 6.52 | 6.52 |
| #FFFFFF | 3.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D8498
Deuteranopia (green-blind)
#979695
Tritanopia (blue-blind)
#E2697E
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #d46f97; /* rgb */ color: rgb(212, 111, 151); /* oklch */ color: oklch(66.8% 0.134 356.3);
Tailwind
colors: {
custom: {
50: '#e49bb5',
500: '#d46f97',
950: '#000000',
},
}SCSS
$custom: #d46f97; $custom-light: #e49bb5; $custom-dark: #000000;
JSON
{
"hex": "#d46f97",
"rgb": {
"r": 212,
"g": 111,
"b": 151
},
"hsl": {
"h": 336.238,
"s": 54.011,
"l": 63.333
},
"oklch": {
"l": 0.6685,
"c": 0.1339,
"h": 356.3
},
"luminance": 0.276
}Semantic roles & 50–950 ramp
primary
#D46F97
secondary
#BDE1D3
accent
#C18324
background
#FEF9FB
surface
#FCF2F6
border
#D5CCD0
text
#160E11
muted
#847E80