#BB7AAC#BB7AAC
#BB7AAC لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.275؛ OKLCH L 66.3% C 0.104 H 335.5°. أفضل لون لنص المتن هو #000000 بتباين 6.49:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BB7AAC |
|---|---|
| RGB | rgb(187, 122, 172) |
| HSL | hsl(314, 32%, 61%) |
| HSV | hsv(314, 35%, 73%) |
| CMYK | cmyk(0%, 34.8%, 8%, 26.7%) |
| CIE-LAB | lab(59.40, 33.03, -16.14) |
| CIE-LCH | lch(59.40, 36.77, 333.95°) |
| OKLab | oklab(66.31% 0.0949 -0.0432) |
| OKLCH | oklch(66.31% 0.104 335.5) |
| XYZ | xyz(34.8992, 27.4641, 42.4845) |
| Luminance | 0.2746 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Orchid (survey)
#C875C4
ΔE00 5.80
Dusty Lavender
#AC86A8
ΔE00 5.91
Pale Magenta
#D767AD
ΔE00 6.75
Heather
#A484AC
ΔE00 6.79
Soft Purple
#A66FB5
ΔE00 7.52
Purplish Pink
#CE5DAE
ΔE00 7.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BB7AAC #7ABB89
analogous
#A97ABB #BB7AAC #BB7A8B
triadic
#BB7AAC #ACBB7A #7AACBB
tetradic
#BB7AAC #BBA97A #7ABB89 #7A8BBB
square
#BB7AAC #BBA97A #7ABB89 #7A8BBB
split-complementary
#BB7AAC #8BBB7A #7ABBA9
monochromatic
#7B3F6E #A45491 #BB7AAC #D0A2C5 #E4CBDF
إمكانية الوصول والتباين
On white
3.23
#BB7AAC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.49
#BB7AAC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BB7AAC
6.49:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BB7AAC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BB7AAC | 1.00 | 3.23 | 6.49 | 6.49 |
| #FFFFFF | 3.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.49 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7A89AE
Deuteranopia (green-blind)
#8A93AA
Tritanopia (blue-blind)
#C17C8C
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #bb7aac; /* rgb */ color: rgb(187, 122, 172); /* oklch */ color: oklch(66.3% 0.104 335.5);
Tailwind
colors: {
custom: {
50: '#d0a1c4',
500: '#bb7aac',
950: '#000000',
},
}SCSS
$custom: #bb7aac; $custom-light: #d0a1c4; $custom-dark: #000000;
JSON
{
"hex": "#bb7aac",
"rgb": {
"r": 187,
"g": 122,
"b": 172
},
"hsl": {
"h": 313.846,
"s": 32.338,
"l": 60.588
},
"oklch": {
"l": 0.66309,
"c": 0.10427,
"h": 335.5
},
"luminance": 0.27462
}Semantic roles & 50–950 ramp
primary
#BB7AAC
secondary
#BCD5C2
accent
#AB543A
background
#FCFAFC
surface
#F9F3F8
border
#D2CDD1
text
#140F12
muted
#827F81