#DAA53E#DAA53E
#DAA53E لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.422؛ OKLCH L 75.3% C 0.132 H 80.6°. أفضل لون لنص المتن هو #000000 بتباين 9.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DAA53E |
|---|---|
| RGB | rgb(218, 165, 62) |
| HSL | hsl(40, 68%, 55%) |
| HSV | hsv(40, 72%, 85%) |
| CMYK | cmyk(0%, 24.3%, 71.6%, 14.5%) |
| CIE-LAB | lab(70.99, 9.61, 58.50) |
| CIE-LCH | lch(70.99, 59.28, 80.67°) |
| OKLab | oklab(75.34% 0.0216 0.1304) |
| OKLCH | oklch(75.34% 0.132 80.6) |
| XYZ | xyz(43.2408, 42.1667, 10.4180) |
| Luminance | 0.4216 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Goldenrod
#DAA520
ΔE00 3.04
Macaroni And Cheese
#EFB435
ΔE00 5.04
Yellow Ochre
#CB9D06
ΔE00 5.30
Squash
#F2AB15
ΔE00 5.51
Sand Brown
#CBA560
ΔE00 5.73
Camel (survey)
#C69F59
ΔE00 5.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DAA53E #3E73DA
analogous
#DA573E #DAA53E #C1DA3E
triadic
#DAA53E #3EDAA5 #A53EDA
tetradic
#DAA53E #3EDA57 #3E73DA #DA3EC1
square
#DAA53E #3EDA57 #3E73DA #DA3EC1
split-complementary
#DAA53E #3EC1DA #573EDA
monochromatic
#846019 #B88523 #DAA53E #E4BD71 #EED5A5
إمكانية الوصول والتباين
On white
2.23
#DAA53E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.43
#DAA53E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DAA53E
9.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DAA53E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DAA53E | 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)
#BAA630
Deuteranopia (green-blind)
#C7B342
Tritanopia (blue-blind)
#EC9590
Achromatopsia (no color)
#AEAEAE
وسوم التصميم والكود
CSS
--color: #daa53e; /* rgb */ color: rgb(218, 165, 62); /* oklch */ color: oklch(75.3% 0.132 80.6);
Tailwind
colors: {
custom: {
50: '#eabf79',
500: '#daa53e',
950: '#000000',
},
}SCSS
$custom: #daa53e; $custom-light: #eabf79; $custom-dark: #000000;
JSON
{
"hex": "#daa53e",
"rgb": {
"r": 218,
"g": 165,
"b": 62
},
"hsl": {
"h": 39.615,
"s": 67.826,
"l": 54.902
},
"oklch": {
"l": 0.75342,
"c": 0.13216,
"h": 80.6
},
"luminance": 0.42163
}Semantic roles & 50–950 ramp
primary
#DAA53E
secondary
#99AFDB
accent
#78EB3D
background
#FFFBF7
surface
#FEF7EE
border
#D6D0C9
text
#171209
muted
#85817B