#BB878E#BB878E
#BB878E لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.298؛ OKLCH L 67.6% C 0.064 H 10.0°. أفضل لون لنص المتن هو #000000 بتباين 6.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BB878E |
|---|---|
| RGB | rgb(187, 135, 142) |
| HSL | hsl(352, 28%, 63%) |
| HSV | hsv(352, 28%, 73%) |
| CMYK | cmyk(0%, 27.8%, 24.1%, 26.7%) |
| CIE-LAB | lab(61.52, 20.93, 4.17) |
| CIE-LCH | lch(61.52, 21.34, 11.26°) |
| OKLab | oklab(67.63% 0.0634 0.0112) |
| OKLCH | oklch(67.63% 0.064 10) |
| XYZ | xyz(34.0405, 29.8475, 29.5541) |
| Luminance | 0.2985 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Greyish Pink
#C88D94
ΔE00 2.94
Grey Pink
#C3909B
ΔE00 3.26
Rosybrown
#BC8F8F
ΔE00 3.68
Old Rose
#C87F89
ΔE00 4.37
Light Mauve
#C292A1
ΔE00 4.67
Dusty Pink (survey)
#D58A94
ΔE00 5.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BB878E #87BBB4
analogous
#BB87A8 #BB878E #BB9A87
triadic
#BB878E #8EBB87 #878EBB
tetradic
#BB878E #A8BB87 #87BBB4 #9A87BB
square
#BB878E #A8BB87 #87BBB4 #9A87BB
split-complementary
#BB878E #87BB9A #87A8BB
monochromatic
#7F4850 #A56069 #BB878E #D1AEB3 #E7D5D8
إمكانية الوصول والتباين
On white
3.01
#BB878E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.97
#BB878E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BB878E
6.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BB878E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BB878E | 1.00 | 3.01 | 6.97 | 6.97 |
| #FFFFFF | 3.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.97 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8F8F8E
Deuteranopia (green-blind)
#9B988D
Tritanopia (blue-blind)
#C58389
Achromatopsia (no color)
#959595
وسوم التصميم والكود
CSS
--color: #bb878e; /* rgb */ color: rgb(187, 135, 142); /* oklch */ color: oklch(67.6% 0.064 10.0);
Tailwind
colors: {
custom: {
50: '#d0aaaf',
500: '#bb878e',
950: '#000000',
},
}SCSS
$custom: #bb878e; $custom-light: #d0aaaf; $custom-dark: #000000;
JSON
{
"hex": "#bb878e",
"rgb": {
"r": 187,
"g": 135,
"b": 142
},
"hsl": {
"h": 351.923,
"s": 27.66,
"l": 63.137
},
"oklch": {
"l": 0.6763,
"c": 0.06442,
"h": 10
},
"luminance": 0.29846
}Semantic roles & 50–950 ramp
primary
#BB878E
secondary
#C6D8D6
accent
#A6983F
background
#FCFAFA
surface
#F9F4F4
border
#D2CECE
text
#141010
muted
#827F7F