#BDAA23#BDAA23
#BDAA23 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.397؛ OKLCH L 73.3% C 0.144 H 100.6°. أفضل لون لنص المتن هو #000000 بتباين 8.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BDAA23 |
|---|---|
| RGB | rgb(189, 170, 35) |
| HSL | hsl(53, 69%, 44%) |
| HSV | hsv(53, 81%, 74%) |
| CMYK | cmyk(0%, 10.1%, 81.5%, 25.9%) |
| CIE-LAB | lab(69.25, -6.81, 65.47) |
| CIE-LCH | lch(69.25, 65.82, 95.94°) |
| OKLab | oklab(73.26% -0.0265 0.1412) |
| OKLCH | oklch(73.26% 0.144 100.6) |
| XYZ | xyz(35.6662, 39.6914, 7.3723) |
| Luminance | 0.3969 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Muddy Yellow
#BFAC05
ΔE00 1.61
Brownish Yellow
#C9B003
ΔE00 3.13
Mustard (survey)
#CEB301
ΔE00 4.12
Olive Yellow
#C2B709
ΔE00 4.30
Dark Yellow
#D5B60A
ΔE00 5.37
Puke
#A5A502
ΔE00 5.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BDAA23 #2336BD
analogous
#BD5D23 #BDAA23 #83BD23
triadic
#BDAA23 #23BDAA #AA23BD
tetradic
#BDAA23 #23BD5D #2336BD #BD2383
square
#BDAA23 #23BD5D #2336BD #BD2383
split-complementary
#BDAA23 #2383BD #5D23BD
monochromatic
#564D10 #897C19 #BDAA23 #DCC941 #E5D875
إمكانية الوصول والتباين
On white
2.35
#BDAA23 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.94
#BDAA23 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BDAA23
8.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BDAA23 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BDAA23 | 1.00 | 2.35 | 8.94 | 8.94 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.94 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BBA500
Deuteranopia (green-blind)
#C0AC2E
Tritanopia (blue-blind)
#CC9D92
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #bdaa23; /* rgb */ color: rgb(189, 170, 35); /* oklch */ color: oklch(73.3% 0.144 100.6);
Tailwind
colors: {
custom: {
50: '#d5c26b',
500: '#bdaa23',
950: '#000000',
},
}SCSS
$custom: #bdaa23; $custom-light: #d5c26b; $custom-dark: #000000;
JSON
{
"hex": "#bdaa23",
"rgb": {
"r": 189,
"g": 170,
"b": 35
},
"hsl": {
"h": 52.597,
"s": 68.75,
"l": 43.922
},
"oklch": {
"l": 0.7326,
"c": 0.14366,
"h": 100.6
},
"luminance": 0.3969
}Semantic roles & 50–950 ramp
primary
#BDAA23
secondary
#6F7BCD
accent
#52EC3C
background
#FDFBF6
surface
#FBF7EC
border
#D4D0C7
text
#151207
muted
#83817A