#BDA426#BDA426
#BDA426 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.375؛ OKLCH L 72.0% C 0.138 H 97.1°. أفضل لون لنص المتن هو #000000 بتباين 8.50:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BDA426 |
|---|---|
| RGB | rgb(189, 164, 38) |
| HSL | hsl(50, 67%, 45%) |
| HSV | hsv(50, 80%, 74%) |
| CMYK | cmyk(0%, 13.2%, 79.9%, 25.9%) |
| CIE-LAB | lab(67.66, -3.54, 63.17) |
| CIE-LCH | lch(67.66, 63.27, 93.21°) |
| OKLab | oklab(72% -0.017 0.1368) |
| OKLCH | oklch(72% 0.138 97.1) |
| XYZ | xyz(34.6134, 37.5116, 7.2506) |
| Luminance | 0.3751 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Muddy Yellow
#BFAC05
ΔE00 3.43
Ocher
#BF9B0C
ΔE00 3.84
Brown Yellow
#B29705
ΔE00 3.97
Brownish Yellow
#C9B003
ΔE00 4.23
Dark Gold
#B59410
ΔE00 5.05
Ocre
#C69C04
ΔE00 5.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BDA426 #263FBD
analogous
#BD5826 #BDA426 #8BBD26
triadic
#BDA426 #26BDA4 #A426BD
tetradic
#BDA426 #26BD58 #263FBD #BD268B
square
#BDA426 #26BD58 #263FBD #BD268B
split-complementary
#BDA426 #268BBD #5826BD
monochromatic
#574C12 #8A781C #BDA426 #DAC146 #E4D279
إمكانية الوصول والتباين
On white
2.47
#BDA426 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.50
#BDA426 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BDA426
8.50:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BDA426 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BDA426 | 1.00 | 2.47 | 8.50 | 8.50 |
| #FFFFFF | 2.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.50 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.50 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B5A002
Deuteranopia (green-blind)
#BCA82F
Tritanopia (blue-blind)
#CC978D
Achromatopsia (no color)
#A5A5A5
وسوم التصميم والكود
CSS
--color: #bda426; /* rgb */ color: rgb(189, 164, 38); /* oklch */ color: oklch(72.0% 0.138 97.1);
Tailwind
colors: {
custom: {
50: '#d5be6c',
500: '#bda426',
950: '#000000',
},
}SCSS
$custom: #bda426; $custom-light: #d5be6c; $custom-dark: #000000;
JSON
{
"hex": "#bda426",
"rgb": {
"r": 189,
"g": 164,
"b": 38
},
"hsl": {
"h": 50.066,
"s": 66.52,
"l": 44.51
},
"oklch": {
"l": 0.72004,
"c": 0.1379,
"h": 97.1
},
"luminance": 0.3751
}Semantic roles & 50–950 ramp
primary
#BDA426
secondary
#7382CC
accent
#5BE93E
background
#FDFBF6
surface
#FBF6EC
border
#D4D0C7
text
#151207
muted
#83817A