#9F97BB#9F97BB
#9F97BB لون فاتح وخافت من عائلة بنفسجي. الإضاءة النسبية 0.331؛ OKLCH L 69.6% C 0.053 H 295.2°. أفضل لون لنص المتن هو #000000 بتباين 7.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9F97BB |
|---|---|
| RGB | rgb(159, 151, 187) |
| HSL | hsl(253, 21%, 66%) |
| HSV | hsv(253, 19%, 73%) |
| CMYK | cmyk(15%, 19.3%, 0%, 26.7%) |
| CIE-LAB | lab(64.24, 10.25, -17.57) |
| CIE-LCH | lch(64.24, 20.34, 300.25°) |
| OKLab | oklab(69.56% 0.0225 -0.0478) |
| OKLCH | oklch(69.56% 0.053 295.2) |
| XYZ | xyz(34.3324, 33.0918, 51.5827) |
| Luminance | 0.3309 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Lavender
#B39DDB
ΔE00 7.51
Heather
#A484AC
ΔE00 8.32
Pale Purple
#B790D4
ΔE00 9.30
Dusty Lavender
#AC86A8
ΔE00 9.68
Lilac
#C8A2C8
ΔE00 10.13
Purpley Grey
#947E94
ΔE00 10.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9F97BB #B3BB97
analogous
#97A1BB #9F97BB #B197BB
triadic
#9F97BB #BB9F97 #97BB9F
tetradic
#9F97BB #BB97A1 #B3BB97 #97BBB1
square
#9F97BB #BB97A1 #B3BB97 #97BBB1
split-complementary
#9F97BB #BBB197 #A1BB97
monochromatic
#5F5582 #7D72A3 #9F97BB #C1BCD3 #E3E1EB
إمكانية الوصول والتباين
On white
2.76
#9F97BB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.62
#9F97BB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9F97BB
7.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9F97BB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9F97BB | 1.00 | 2.76 | 7.62 | 7.62 |
| #FFFFFF | 2.76 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8F9CBD
Deuteranopia (green-blind)
#909BBA
Tritanopia (blue-blind)
#9A9CA3
Achromatopsia (no color)
#9C9C9C
وسوم التصميم والكود
CSS
--color: #9f97bb; /* rgb */ color: rgb(159, 151, 187); /* oklch */ color: oklch(69.6% 0.053 295.2);
Tailwind
colors: {
custom: {
50: '#bbb5cf',
500: '#9f97bb',
950: '#000000',
},
}SCSS
$custom: #9f97bb; $custom-light: #bbb5cf; $custom-dark: #000000;
JSON
{
"hex": "#9f97bb",
"rgb": {
"r": 159,
"g": 151,
"b": 187
},
"hsl": {
"h": 253.333,
"s": 20.93,
"l": 66.275
},
"oklch": {
"l": 0.69555,
"c": 0.05283,
"h": 295.2
},
"luminance": 0.33092
}Semantic roles & 50–950 ramp
primary
#9F97BB
secondary
#DADDD1
accent
#9F468C
background
#FBFBFC
surface
#F6F6F9
border
#D0D0D2
text
#121113
muted
#818082