#BDAA25#BDAA25
#BDAA25 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.397؛ OKLCH L 73.3% C 0.143 H 100.6°. أفضل لون لنص المتن هو #000000 بتباين 8.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BDAA25 |
|---|---|
| RGB | rgb(189, 170, 37) |
| HSL | hsl(53, 67%, 44%) |
| HSV | hsv(53, 80%, 74%) |
| CMYK | cmyk(0%, 10.1%, 80.4%, 25.9%) |
| CIE-LAB | lab(69.26, -6.75, 64.89) |
| CIE-LCH | lch(69.26, 65.24, 95.94°) |
| OKLab | oklab(73.27% -0.0261 0.1404) |
| OKLCH | oklch(73.27% 0.143 100.6) |
| XYZ | xyz(35.6967, 39.7036, 7.5332) |
| Luminance | 0.3970 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Muddy Yellow
#BFAC05
ΔE00 1.75
Brownish Yellow
#C9B003
ΔE00 3.21
Mustard (survey)
#CEB301
ΔE00 4.19
Olive Yellow
#C2B709
ΔE00 4.37
Dark Yellow
#D5B60A
ΔE00 5.42
Puke
#A5A502
ΔE00 5.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BDAA25 #2538BD
analogous
#BD5E25 #BDAA25 #84BD25
triadic
#BDAA25 #25BDAA #AA25BD
tetradic
#BDAA25 #25BD5E #2538BD #BD2584
square
#BDAA25 #25BD5E #2538BD #BD2584
split-complementary
#BDAA25 #2584BD #5E25BD
monochromatic
#574E11 #8A7C1B #BDAA25 #DBC845 #E5D778
إمكانية الوصول والتباين
On white
2.35
#BDAA25 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.94
#BDAA25 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BDAA25
8.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BDAA25 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BDAA25 | 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)
#C0AC30
Tritanopia (blue-blind)
#CC9D92
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #bdaa25; /* rgb */ color: rgb(189, 170, 37); /* oklch */ color: oklch(73.3% 0.143 100.6);
Tailwind
colors: {
custom: {
50: '#d5c26c',
500: '#bdaa25',
950: '#000000',
},
}SCSS
$custom: #bdaa25; $custom-light: #d5c26c; $custom-dark: #000000;
JSON
{
"hex": "#bdaa25",
"rgb": {
"r": 189,
"g": 170,
"b": 37
},
"hsl": {
"h": 52.5,
"s": 67.257,
"l": 44.314
},
"oklch": {
"l": 0.7327,
"c": 0.14277,
"h": 100.6
},
"luminance": 0.39702
}Semantic roles & 50–950 ramp
primary
#BDAA25
secondary
#727DCC
accent
#53EA3E
background
#FDFBF6
surface
#FBF7EC
border
#D4D0C7
text
#151208
muted
#83817B