#B29D56#B29D56
#B29D56 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.343؛ OKLCH L 69.9% C 0.094 H 93.3°. أفضل لون لنص المتن هو #000000 بتباين 7.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B29D56 |
|---|---|
| RGB | rgb(178, 157, 86) |
| HSL | hsl(46, 37%, 52%) |
| HSV | hsv(46, 52%, 70%) |
| CMYK | cmyk(0%, 11.8%, 51.7%, 30.2%) |
| CIE-LAB | lab(65.16, -1.65, 39.66) |
| CIE-LCH | lch(65.16, 39.69, 92.38°) |
| OKLab | oklab(69.92% -0.0055 0.0943) |
| OKLCH | oklch(69.92% 0.094 93.3) |
| XYZ | xyz(32.0979, 34.2522, 13.7229) |
| Luminance | 0.3425 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sandy Brown
#C4A661
ΔE00 4.38
Dark Sand
#A88F59
ΔE00 5.64
Khaki (survey)
#AAA662
ΔE00 5.73
Dark Beige
#AC9362
ΔE00 5.80
Desert
#CCAD60
ΔE00 5.99
Camel (survey)
#C69F59
ΔE00 6.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B29D56 #566BB2
analogous
#B26F56 #B29D56 #99B256
triadic
#B29D56 #56B29D #9D56B2
tetradic
#B29D56 #56B26F #566BB2 #B25699
square
#B29D56 #56B26F #566BB2 #B25699
split-complementary
#B29D56 #5699B2 #6F56B2
monochromatic
#61552C #8B7A3F #B29D56 #C5B580 #D8CEAA
إمكانية الوصول والتباين
On white
2.68
#B29D56 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.85
#B29D56 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B29D56
7.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B29D56 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B29D56 | 1.00 | 2.68 | 7.85 | 7.85 |
| #FFFFFF | 2.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AA9A50
Deuteranopia (green-blind)
#B0A159
Tritanopia (blue-blind)
#BE938C
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #b29d56; /* rgb */ color: rgb(178, 157, 86); /* oklch */ color: oklch(69.9% 0.094 93.3);
Tailwind
colors: {
custom: {
50: '#cbb987',
500: '#b29d56',
950: '#000000',
},
}SCSS
$custom: #b29d56; $custom-light: #cbb987; $custom-dark: #000000;
JSON
{
"hex": "#b29d56",
"rgb": {
"r": 178,
"g": 157,
"b": 86
},
"hsl": {
"h": 46.304,
"s": 37.398,
"l": 51.765
},
"oklch": {
"l": 0.69916,
"c": 0.09449,
"h": 93.3
},
"luminance": 0.34251
}Semantic roles & 50–950 ramp
primary
#B29D56
secondary
#9EA7C6
accent
#75CD5A
background
#FCFBF8
surface
#F9F6F0
border
#D2D0CB
text
#14110B
muted
#82807C