#BD76AC#BD76AC
#BD76AC لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.268؛ OKLCH L 65.9% C 0.113 H 336.1°. أفضل لون لنص المتن هو #000000 بتباين 6.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BD76AC |
|---|---|
| RGB | rgb(189, 118, 172) |
| HSL | hsl(314, 35%, 60%) |
| HSV | hsv(314, 38%, 74%) |
| CMYK | cmyk(0%, 37.6%, 9%, 25.9%) |
| CIE-LAB | lab(58.75, 35.89, -17.11) |
| CIE-LCH | lch(58.75, 39.76, 334.51°) |
| OKLab | oklab(65.86% 0.1035 -0.0459) |
| OKLCH | oklch(65.86% 0.113 336.1) |
| XYZ | xyz(34.9110, 26.7561, 42.3473) |
| Luminance | 0.2675 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Orchid (survey)
#C875C4
ΔE00 5.19
Pale Magenta
#D767AD
ΔE00 5.74
Purplish Pink
#CE5DAE
ΔE00 6.51
Dusty Lavender
#AC86A8
ΔE00 7.08
Soft Purple
#A66FB5
ΔE00 7.16
Dark Lilac
#9C6DA5
ΔE00 7.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BD76AC #76BD87
analogous
#AA76BD #BD76AC #BD7689
triadic
#BD76AC #ACBD76 #76ACBD
tetradic
#BD76AC #BDAA76 #76BD87 #7689BD
square
#BD76AC #BDAA76 #76BD87 #7689BD
split-complementary
#BD76AC #89BD76 #76BDAA
monochromatic
#7D3C6D #A65091 #BD76AC #D19FC5 #E5C9DE
إمكانية الوصول والتباين
On white
3.31
#BD76AC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.35
#BD76AC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BD76AC
6.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BD76AC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BD76AC | 1.00 | 3.31 | 6.35 | 6.35 |
| #FFFFFF | 3.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.35 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.35 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7787AE
Deuteranopia (green-blind)
#8991AA
Tritanopia (blue-blind)
#C4798A
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #bd76ac; /* rgb */ color: rgb(189, 118, 172); /* oklch */ color: oklch(65.9% 0.113 336.1);
Tailwind
colors: {
custom: {
50: '#d29fc4',
500: '#bd76ac',
950: '#000000',
},
}SCSS
$custom: #bd76ac; $custom-light: #d29fc4; $custom-dark: #000000;
JSON
{
"hex": "#bd76ac",
"rgb": {
"r": 189,
"g": 118,
"b": 172
},
"hsl": {
"h": 314.366,
"s": 34.975,
"l": 60.196
},
"oklch": {
"l": 0.65865,
"c": 0.11319,
"h": 336.1
},
"luminance": 0.26754
}Semantic roles & 50–950 ramp
primary
#BD76AC
secondary
#BAD5C0
accent
#AE5438
background
#FDF9FC
surface
#FAF2F8
border
#D3CCD1
text
#140E12
muted
#837E81