#BFA233#BFA233
#BFA233 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.372؛ OKLCH L 71.9% C 0.130 H 93.9°. أفضل لون لنص المتن هو #000000 بتباين 8.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BFA233 |
|---|---|
| RGB | rgb(191, 162, 51) |
| HSL | hsl(48, 58%, 47%) |
| HSV | hsv(48, 73%, 75%) |
| CMYK | cmyk(0%, 15.2%, 73.3%, 25.1%) |
| CIE-LAB | lab(67.40, -1.06, 58.44) |
| CIE-LCH | lch(67.40, 58.45, 91.04°) |
| OKLab | oklab(71.86% -0.0088 0.1293) |
| OKLCH | oklch(71.86% 0.13 93.9) |
| XYZ | xyz(35.0056, 37.1580, 8.4597) |
| Luminance | 0.3716 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Ocher
#BF9B0C
ΔE00 3.30
Brown Yellow
#B29705
ΔE00 4.17
Ocre
#C69C04
ΔE00 4.31
Dark Gold
#B59410
ΔE00 4.46
Yellow Brown
#B79400
ΔE00 4.73
Yellow Ochre
#CB9D06
ΔE00 5.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BFA233 #3350BF
analogous
#BF5C33 #BFA233 #96BF33
triadic
#BFA233 #33BFA2 #A233BF
tetradic
#BFA233 #33BF5C #3350BF #BF3396
square
#BFA233 #33BF5C #3350BF #BF3396
split-complementary
#BFA233 #3396BF #5C33BF
monochromatic
#5E5019 #8F7926 #BFA233 #D3BB5C #E0CF8C
إمكانية الوصول والتباين
On white
2.49
#BFA233 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.43
#BFA233 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BFA233
8.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BFA233 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BFA233 | 1.00 | 2.49 | 8.43 | 8.43 |
| #FFFFFF | 2.49 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.43 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B39F21
Deuteranopia (green-blind)
#BBA839
Tritanopia (blue-blind)
#CE958C
Achromatopsia (no color)
#A4A4A4
وسوم التصميم والكود
CSS
--color: #bfa233; /* rgb */ color: rgb(191, 162, 51); /* oklch */ color: oklch(71.9% 0.130 93.9);
Tailwind
colors: {
custom: {
50: '#d6bd72',
500: '#bfa233',
950: '#000000',
},
}SCSS
$custom: #bfa233; $custom-light: #d6bd72; $custom-dark: #000000;
JSON
{
"hex": "#bfa233",
"rgb": {
"r": 191,
"g": 162,
"b": 51
},
"hsl": {
"h": 47.571,
"s": 57.851,
"l": 47.451
},
"oklch": {
"l": 0.71864,
"c": 0.12955,
"h": 93.9
},
"luminance": 0.37156
}Semantic roles & 50–950 ramp
primary
#BFA233
secondary
#8392CB
accent
#67E147
background
#FDFBF7
surface
#FBF6ED
border
#D4D0C8
text
#151208
muted
#83817B