#BBB1C7#BBB1C7
#BBB1C7 لون فاتح وخافت من عائلة بنفسجي. الإضاءة النسبية 0.461؛ OKLCH L 77.6% C 0.033 H 306.1°. أفضل لون لنص المتن هو #000000 بتباين 10.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BBB1C7 |
|---|---|
| RGB | rgb(187, 177, 199) |
| HSL | hsl(267, 16%, 74%) |
| HSV | hsv(267, 11%, 78%) |
| CMYK | cmyk(6%, 11.1%, 0%, 22%) |
| CIE-LAB | lab(73.63, 7.70, -9.86) |
| CIE-LCH | lch(73.63, 12.51, 307.98°) |
| OKLab | oklab(77.56% 0.0193 -0.0264) |
| OKLCH | oklch(77.56% 0.033 306.1) |
| XYZ | xyz(46.5226, 46.1327, 60.4754) |
| Luminance | 0.4613 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Thistle
#D8BFD8
ΔE00 6.84
Lilac
#C8A2C8
ΔE00 9.46
Dove Gray
#B6B8BD
ΔE00 9.81
Periwinkle
#CCCCFF
ΔE00 11.58
Pinkish Grey
#C8ACA9
ΔE00 11.68
Silver
#C0C0C0
ΔE00 11.69
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BBB1C7 #BDC7B1
analogous
#B1B2C7 #BBB1C7 #C6B1C7
triadic
#BBB1C7 #C7BBB1 #B1C7BB
tetradic
#BBB1C7 #C7B1B2 #BDC7B1 #B1C7C6
square
#BBB1C7 #C7B1B2 #BDC7B1 #B1C7C6
split-complementary
#BBB1C7 #C7C6B1 #B2C7B1
monochromatic
#7D6A94 #9C8DAD #BBB1C7 #DAD5E1 #EFEDF2
إمكانية الوصول والتباين
On white
2.05
#BBB1C7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.23
#BBB1C7 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BBB1C7
10.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BBB1C7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BBB1C7 | 1.00 | 2.05 | 10.23 | 10.23 |
| #FFFFFF | 2.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.23 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.23 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AEB5C8
Deuteranopia (green-blind)
#AFB5C6
Tritanopia (blue-blind)
#B9B4B8
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #bbb1c7; /* rgb */ color: rgb(187, 177, 199); /* oklch */ color: oklch(77.6% 0.033 306.1);
Tailwind
colors: {
custom: {
50: '#cfc8d8',
500: '#bbb1c7',
950: '#000000',
},
}SCSS
$custom: #bbb1c7; $custom-light: #cfc8d8; $custom-dark: #000000;
JSON
{
"hex": "#bbb1c7",
"rgb": {
"r": 187,
"g": 177,
"b": 199
},
"hsl": {
"h": 267.273,
"s": 16.418,
"l": 73.725
},
"oklch": {
"l": 0.77558,
"c": 0.03272,
"h": 306.1
},
"luminance": 0.46133
}Semantic roles & 50–950 ramp
primary
#BBB1C7
secondary
#E6E8E3
accent
#9B4B76
background
#FCFCFD
surface
#F9F8FA
border
#D2D1D3
text
#131314
muted
#828283