#DAA53D#DAA53D
#DAA53D لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.422؛ OKLCH L 75.3% C 0.133 H 80.7°. أفضل لون لنص المتن هو #000000 بتباين 9.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DAA53D |
|---|---|
| RGB | rgb(218, 165, 61) |
| HSL | hsl(40, 68%, 55%) |
| HSV | hsv(40, 72%, 85%) |
| CMYK | cmyk(0%, 24.3%, 72%, 14.5%) |
| CIE-LAB | lab(70.98, 9.57, 58.91) |
| CIE-LCH | lch(70.98, 59.68, 80.78°) |
| OKLab | oklab(75.33% 0.0214 0.1311) |
| OKLCH | oklch(75.33% 0.133 80.7) |
| XYZ | xyz(43.2136, 42.1558, 10.2748) |
| Luminance | 0.4215 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Goldenrod
#DAA520
ΔE00 2.91
Macaroni And Cheese
#EFB435
ΔE00 4.99
Yellow Ochre
#CB9D06
ΔE00 5.19
Squash
#F2AB15
ΔE00 5.45
Sand Brown
#CBA560
ΔE00 5.83
Camel (survey)
#C69F59
ΔE00 5.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DAA53D #3D72DA
analogous
#DA573D #DAA53D #C1DA3D
triadic
#DAA53D #3DDAA5 #A53DDA
tetradic
#DAA53D #3DDA57 #3D72DA #DA3DC1
square
#DAA53D #3DDA57 #3D72DA #DA3DC1
split-complementary
#DAA53D #3DC1DA #573DDA
monochromatic
#846019 #B78523 #DAA53D #E4BD70 #EED5A4
إمكانية الوصول والتباين
On white
2.23
#DAA53D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.43
#DAA53D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DAA53D
9.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DAA53D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DAA53D | 1.00 | 2.23 | 9.43 | 9.43 |
| #FFFFFF | 2.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.43 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BAA62F
Deuteranopia (green-blind)
#C7B341
Tritanopia (blue-blind)
#ED9590
Achromatopsia (no color)
#AEAEAE
وسوم التصميم والكود
CSS
--color: #daa53d; /* rgb */ color: rgb(218, 165, 61); /* oklch */ color: oklch(75.3% 0.133 80.7);
Tailwind
colors: {
custom: {
50: '#eabf78',
500: '#daa53d',
950: '#000000',
},
}SCSS
$custom: #daa53d; $custom-light: #eabf78; $custom-dark: #000000;
JSON
{
"hex": "#daa53d",
"rgb": {
"r": 218,
"g": 165,
"b": 61
},
"hsl": {
"h": 39.745,
"s": 67.965,
"l": 54.706
},
"oklch": {
"l": 0.75334,
"c": 0.13279,
"h": 80.7
},
"luminance": 0.42153
}Semantic roles & 50–950 ramp
primary
#DAA53D
secondary
#98AFDB
accent
#78EB3D
background
#FFFBF7
surface
#FEF6EE
border
#D6D0C9
text
#171209
muted
#85817B