#BD9EBF#BD9EBF
#BD9EBF لون فاتح وخافت من عائلة purple. الإضاءة النسبية 0.390؛ OKLCH L 73.7% C 0.058 H 324.2°. أفضل لون لنص المتن هو #000000 بتباين 8.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BD9EBF |
|---|---|
| RGB | rgb(189, 158, 191) |
| HSL | hsl(296, 20%, 68%) |
| HSV | hsv(296, 17%, 75%) |
| CMYK | cmyk(1%, 17.3%, 0%, 25.1%) |
| CIE-LAB | lab(68.78, 17.27, -12.70) |
| CIE-LCH | lch(68.78, 21.44, 323.68°) |
| OKLab | oklab(73.75% 0.0472 -0.034) |
| OKLCH | oklch(73.75% 0.058 324.2) |
| XYZ | xyz(42.6159, 39.0349, 54.5696) |
| Luminance | 0.3903 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Lilac
#C8A2C8
ΔE00 2.63
Dusty Lavender
#AC86A8
ΔE00 7.15
Heather
#A484AC
ΔE00 8.21
Plum
#DDA0DD
ΔE00 8.46
Light Mauve
#C292A1
ΔE00 8.49
Thistle
#D8BFD8
ΔE00 8.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BD9EBF #A0BF9E
analogous
#AC9EBF #BD9EBF #BF9EB0
triadic
#BD9EBF #BFBD9E #9EBFBD
tetradic
#BD9EBF #BFAC9E #A0BF9E #9EB0BF
square
#BD9EBF #BFAC9E #A0BF9E #9EB0BF
split-complementary
#BD9EBF #B0BF9E #9EBFAC
monochromatic
#865A89 #A479A7 #BD9EBF #D6C3D7 #EFE8F0
إمكانية الوصول والتباين
On white
2.38
#BD9EBF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.81
#BD9EBF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BD9EBF
8.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BD9EBF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BD9EBF | 1.00 | 2.38 | 8.81 | 8.81 |
| #FFFFFF | 2.38 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.81 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9CA6C0
Deuteranopia (green-blind)
#A2A9BE
Tritanopia (blue-blind)
#BFA1A9
Achromatopsia (no color)
#A8A8A8
وسوم التصميم والكود
CSS
--color: #bd9ebf; /* rgb */ color: rgb(189, 158, 191); /* oklch */ color: oklch(73.7% 0.058 324.2);
Tailwind
colors: {
custom: {
50: '#d1bad2',
500: '#bd9ebf',
950: '#000000',
},
}SCSS
$custom: #bd9ebf; $custom-light: #d1bad2; $custom-dark: #000000;
JSON
{
"hex": "#bd9ebf",
"rgb": {
"r": 189,
"g": 158,
"b": 191
},
"hsl": {
"h": 296.364,
"s": 20.497,
"l": 68.431
},
"oklch": {
"l": 0.73748,
"c": 0.05822,
"h": 324.2
},
"luminance": 0.39034
}Semantic roles & 50–950 ramp
primary
#BD9EBF
secondary
#D8E1D7
accent
#9F474C
background
#FCFBFC
surface
#F9F6F9
border
#D2D0D2
text
#141114
muted
#828082