#BEACC5#BEACC5
#BEACC5 لون فاتح وخافت من عائلة purple. الإضاءة النسبية 0.445؛ OKLCH L 76.8% C 0.040 H 316.6°. أفضل لون لنص المتن هو #000000 بتباين 9.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BEACC5 |
|---|---|
| RGB | rgb(190, 172, 197) |
| HSL | hsl(283, 18%, 72%) |
| HSV | hsv(283, 13%, 77%) |
| CMYK | cmyk(3.6%, 12.7%, 0%, 22.7%) |
| CIE-LAB | lab(72.55, 11.06, -10.35) |
| CIE-LCH | lch(72.55, 15.15, 316.90°) |
| OKLab | oklab(76.76% 0.0293 -0.0277) |
| OKLCH | oklch(76.76% 0.04 316.6) |
| XYZ | xyz(46.0642, 44.4838, 58.9720) |
| Luminance | 0.4448 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Thistle
#D8BFD8
ΔE00 5.82
Lilac
#C8A2C8
ΔE00 6.46
Dusty Pink
#D8A7B1
ΔE00 10.62
Lavender
#B39DDB
ΔE00 10.67
Light Mauve
#C292A1
ΔE00 11.18
Light Lavender
#DFC5FE
ΔE00 11.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BEACC5 #B3C5AC
analogous
#B2ACC5 #BEACC5 #C5ACBF
triadic
#BEACC5 #C5BEAC #ACC5BE
tetradic
#BEACC5 #C5B2AC #B3C5AC #ACBFC5
square
#BEACC5 #C5B2AC #B3C5AC #ACBFC5
split-complementary
#BEACC5 #BFC5AC #ACC5B2
monochromatic
#856591 #A288AC #BEACC5 #DAD0DE #F1EDF2
إمكانية الوصول والتباين
On white
2.12
#BEACC5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.90
#BEACC5 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BEACC5
9.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BEACC5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BEACC5 | 1.00 | 2.12 | 9.90 | 9.90 |
| #FFFFFF | 2.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.90 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.90 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A9B1C6
Deuteranopia (green-blind)
#ADB3C4
Tritanopia (blue-blind)
#BEAFB4
Achromatopsia (no color)
#B2B2B2
وسوم التصميم والكود
CSS
--color: #beacc5; /* rgb */ color: rgb(190, 172, 197); /* oklch */ color: oklch(76.8% 0.040 316.6);
Tailwind
colors: {
custom: {
50: '#d1c4d6',
500: '#beacc5',
950: '#000000',
},
}SCSS
$custom: #beacc5; $custom-light: #d1c4d6; $custom-dark: #000000;
JSON
{
"hex": "#beacc5",
"rgb": {
"r": 190,
"g": 172,
"b": 197
},
"hsl": {
"h": 283.2,
"s": 17.73,
"l": 72.353
},
"oklch": {
"l": 0.76757,
"c": 0.04033,
"h": 316.6
},
"luminance": 0.44483
}Semantic roles & 50–950 ramp
primary
#BEACC5
secondary
#E4E9E2
accent
#9C4961
background
#FCFCFD
surface
#F9F8FA
border
#D2D1D3
text
#141214
muted
#828183