#BFB675#BFB675
#BFB675 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.458؛ OKLCH L 76.9% C 0.086 H 101.4°. أفضل لون لنص المتن هو #000000 بتباين 10.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BFB675 |
|---|---|
| RGB | rgb(191, 182, 117) |
| HSL | hsl(53, 37%, 60%) |
| HSV | hsv(53, 39%, 75%) |
| CMYK | cmyk(0%, 4.7%, 38.7%, 25.1%) |
| CIE-LAB | lab(73.43, -6.37, 34.24) |
| CIE-LCH | lch(73.43, 34.82, 100.54°) |
| OKLab | oklab(76.87% -0.0169 0.084) |
| OKLCH | oklch(76.87% 0.086 101.4) |
| XYZ | xyz(41.4254, 45.8177, 23.4877) |
| Luminance | 0.4582 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Darkkhaki
#BDB76B
ΔE00 2.24
Sand
#C2B280
ΔE00 4.22
Khaki (survey)
#AAA662
ΔE00 5.16
Sandstone
#C9AE74
ΔE00 6.34
Tan (survey)
#D1B26F
ΔE00 6.92
Desert
#CCAD60
ΔE00 7.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BFB675 #757EBF
analogous
#BF9175 #BFB675 #A3BF75
triadic
#BFB675 #75BFB6 #B675BF
tetradic
#BFB675 #75BF91 #757EBF #BF75A3
square
#BFB675 #75BF91 #757EBF #BF75A3
split-complementary
#BFB675 #75A3BF #9175BF
monochromatic
#7F773B #A99E4E #BFB675 #D2CC9F #E6E2C9
إمكانية الوصول والتباين
On white
2.07
#BFB675 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.16
#BFB675 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BFB675
10.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BFB675 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BFB675 | 1.00 | 2.07 | 10.16 | 10.16 |
| #FFFFFF | 2.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.16 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.16 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C1B270
Deuteranopia (green-blind)
#C4B678
Tritanopia (blue-blind)
#C9AEA6
Achromatopsia (no color)
#B4B4B4
وسوم التصميم والكود
CSS
--color: #bfb675; /* rgb */ color: rgb(191, 182, 117); /* oklch */ color: oklch(76.9% 0.086 101.4);
Tailwind
colors: {
custom: {
50: '#d3cb9d',
500: '#bfb675',
950: '#000000',
},
}SCSS
$custom: #bfb675; $custom-light: #d3cb9d; $custom-dark: #000000;
JSON
{
"hex": "#bfb675",
"rgb": {
"r": 191,
"g": 182,
"b": 117
},
"hsl": {
"h": 52.703,
"s": 36.634,
"l": 60.392
},
"oklch": {
"l": 0.76871,
"c": 0.08563,
"h": 101.4
},
"luminance": 0.45817
}Semantic roles & 50–950 ramp
primary
#BFB675
secondary
#BABDD6
accent
#45B036
background
#FDFCF9
surface
#FAF8F2
border
#D3D1CC
text
#14130E
muted
#83827E