#BAC7FE#BAC7FE
#BAC7FE لون فاتح جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.584؛ OKLCH L 83.9% C 0.078 H 274.3°. أفضل لون لنص المتن هو #000000 بتباين 12.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BAC7FE |
|---|---|
| RGB | rgb(186, 199, 254) |
| HSL | hsl(229, 97%, 86%) |
| HSV | hsv(229, 27%, 100%) |
| CMYK | cmyk(26.8%, 21.7%, 0%, 0.4%) |
| CIE-LAB | lab(80.98, 7.42, -28.44) |
| CIE-LCH | lch(80.98, 29.40, 284.63°) |
| OKLab | oklab(83.87% 0.0058 -0.0783) |
| OKLCH | oklch(83.87% 0.078 274.3) |
| XYZ | xyz(58.5577, 58.4401, 101.9415) |
| Luminance | 0.5844 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Light Periwinkle
#C1C6FC
ΔE00 2.41
Periwinkle
#CCCCFF
ΔE00 4.56
Pastel Blue
#A2BFFE
ΔE00 5.39
Powder Blue (survey)
#B1D1FC
ΔE00 5.98
Light Blue Grey
#B7C9E2
ΔE00 7.49
Lightsteelblue
#B0C4DE
ΔE00 7.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BAC7FE #FEF1BA
analogous
#BAE9FE #BAC7FE #CFBAFE
triadic
#BAC7FE #FEBAC7 #C7FEBA
tetradic
#BAC7FE #FEBAE9 #FEF1BA #BAFECF
square
#BAC7FE #FEBAE9 #FEF1BA #BAFECF
split-complementary
#BAC7FE #FECFBA #E9FEBA
monochromatic
#4165FC #7E96FD #BAC7FE #E1E7FF #E1E7FF
إمكانية الوصول والتباين
On white
1.66
#BAC7FE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.69
#BAC7FE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BAC7FE
12.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BAC7FE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BAC7FE | 1.00 | 1.66 | 12.69 | 12.69 |
| #FFFFFF | 1.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B7CCFF
Deuteranopia (green-blind)
#B2C7FD
Tritanopia (blue-blind)
#A9D1DA
Achromatopsia (no color)
#C9C9C9
وسوم التصميم والكود
CSS
--color: #bac7fe; /* rgb */ color: rgb(186, 199, 254); /* oklch */ color: oklch(83.9% 0.078 274.3);
Tailwind
colors: {
custom: {
50: '#d0d7ff',
500: '#bac7fe',
950: '#000000',
},
}SCSS
$custom: #bac7fe; $custom-light: #d0d7ff; $custom-dark: #000000;
JSON
{
"hex": "#bac7fe",
"rgb": {
"r": 186,
"g": 199,
"b": 254
},
"hsl": {
"h": 228.529,
"s": 97.143,
"l": 86.275
},
"oklch": {
"l": 0.8387,
"c": 0.07849,
"h": 274.3
},
"luminance": 0.58442
}Semantic roles & 50–950 ramp
primary
#BAC7FE
secondary
#E5D077
accent
#BA00E6
background
#FEFEFF
surface
#FBFBFF
border
#D4D4D7
text
#141418
muted
#838386