#BB8BAF#BB8BAF
#BB8BAF لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.321؛ OKLCH L 69.4% C 0.076 H 335.6°. أفضل لون لنص المتن هو #000000 بتباين 7.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BB8BAF |
|---|---|
| RGB | rgb(187, 139, 175) |
| HSL | hsl(315, 26%, 64%) |
| HSV | hsv(315, 26%, 73%) |
| CMYK | cmyk(0%, 25.7%, 6.4%, 26.7%) |
| CIE-LAB | lab(63.45, 24.16, -11.75) |
| CIE-LCH | lch(63.45, 26.86, 334.06°) |
| OKLab | oklab(69.43% 0.069 -0.0313) |
| OKLCH | oklch(69.43% 0.076 335.6) |
| XYZ | xyz(37.4635, 32.1265, 44.7767) |
| Luminance | 0.3212 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dusty Lavender
#AC86A8
ΔE00 3.37
Heather
#A484AC
ΔE00 5.69
Lilac
#C8A2C8
ΔE00 6.70
Light Mauve
#C292A1
ΔE00 6.97
Grey Pink
#C3909B
ΔE00 8.50
Dull Pink
#D5869D
ΔE00 8.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BB8BAF #8BBB97
analogous
#AF8BBB #BB8BAF #BB8B97
triadic
#BB8BAF #AFBB8B #8BAFBB
tetradic
#BB8BAF #BBAF8B #8BBB97 #8B97BB
square
#BB8BAF #BBAF8B #8BBB97 #8B97BB
split-complementary
#BB8BAF #97BB8B #8BBBAF
monochromatic
#804B73 #A46494 #BB8BAF #D2B2CA #E8D8E4
إمكانية الوصول والتباين
On white
2.83
#BB8BAF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.42
#BB8BAF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BB8BAF
7.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BB8BAF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BB8BAF | 1.00 | 2.83 | 7.42 | 7.42 |
| #FFFFFF | 2.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8B95B0
Deuteranopia (green-blind)
#969CAD
Tritanopia (blue-blind)
#C08D97
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #bb8baf; /* rgb */ color: rgb(187, 139, 175); /* oklch */ color: oklch(69.4% 0.076 335.6);
Tailwind
colors: {
custom: {
50: '#d0adc6',
500: '#bb8baf',
950: '#000000',
},
}SCSS
$custom: #bb8baf; $custom-light: #d0adc6; $custom-dark: #000000;
JSON
{
"hex": "#bb8baf",
"rgb": {
"r": 187,
"g": 139,
"b": 175
},
"hsl": {
"h": 315,
"s": 26.087,
"l": 63.922
},
"oklch": {
"l": 0.69429,
"c": 0.0758,
"h": 335.6
},
"luminance": 0.32125
}Semantic roles & 50–950 ramp
primary
#BB8BAF
secondary
#C8D9CD
accent
#A55A41
background
#FCFAFC
surface
#F9F4F8
border
#D2CED1
text
#141013
muted
#827F82