#B08BC2#B08BC2
#B08BC2 لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.316؛ OKLCH L 69.1% C 0.089 H 314.4°. أفضل لون لنص المتن هو #000000 بتباين 7.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B08BC2 |
|---|---|
| RGB | rgb(176, 139, 194) |
| HSL | hsl(280, 31%, 65%) |
| HSV | hsv(280, 28%, 76%) |
| CMYK | cmyk(9.3%, 28.4%, 0%, 23.9%) |
| CIE-LAB | lab(63.00, 24.13, -23.25) |
| CIE-LCH | lch(63.00, 33.51, 316.07°) |
| OKLab | oklab(69.05% 0.0622 -0.0634) |
| OKLCH | oklch(69.05% 0.089 314.4) |
| XYZ | xyz(36.8732, 31.5910, 55.1837) |
| Luminance | 0.3159 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Pale Purple
#B790D4
ΔE00 3.60
Wisteria
#A87DC2
ΔE00 4.80
Heather
#A484AC
ΔE00 4.89
Dusty Lavender
#AC86A8
ΔE00 6.34
Lavender
#B39DDB
ΔE00 6.55
Lilac
#C8A2C8
ΔE00 8.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B08BC2 #9DC28B
analogous
#958BC2 #B08BC2 #C28BB8
triadic
#B08BC2 #C2B08B #8BC2B0
tetradic
#B08BC2 #C2958B #9DC28B #8BB8C2
square
#B08BC2 #C2958B #9DC28B #8BB8C2
split-complementary
#B08BC2 #B8C28B #8BC295
monochromatic
#75498A #9563AD #B08BC2 #CBB3D7 #E7DBEC
إمكانية الوصول والتباين
On white
2.87
#B08BC2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.32
#B08BC2 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B08BC2
7.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B08BC2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B08BC2 | 1.00 | 2.87 | 7.32 | 7.32 |
| #FFFFFF | 2.87 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.32 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.32 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8396C4
Deuteranopia (green-blind)
#8B99C0
Tritanopia (blue-blind)
#AF929F
Achromatopsia (no color)
#989898
وسوم التصميم والكود
CSS
--color: #b08bc2; /* rgb */ color: rgb(176, 139, 194); /* oklch */ color: oklch(69.1% 0.089 314.4);
Tailwind
colors: {
custom: {
50: '#c8add4',
500: '#b08bc2',
950: '#000000',
},
}SCSS
$custom: #b08bc2; $custom-light: #c8add4; $custom-dark: #000000;
JSON
{
"hex": "#b08bc2",
"rgb": {
"r": 176,
"g": 139,
"b": 194
},
"hsl": {
"h": 280.364,
"s": 31.073,
"l": 65.294
},
"oklch": {
"l": 0.69053,
"c": 0.08879,
"h": 314.4
},
"luminance": 0.3159
}Semantic roles & 50–950 ramp
primary
#B08BC2
secondary
#D1DECB
accent
#AA3C60
background
#FCFAFD
surface
#F8F4FA
border
#D1CED3
text
#131014
muted
#827F83