#DA8642#DA8642
#DA8642 لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.323؛ OKLCH L 69.6% C 0.132 H 57.0°. أفضل لون لنص المتن هو #000000 بتباين 7.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DA8642 |
|---|---|
| RGB | rgb(218, 134, 66) |
| HSL | hsl(27, 67%, 56%) |
| HSV | hsv(27, 70%, 85%) |
| CMYK | cmyk(0%, 38.5%, 69.7%, 14.5%) |
| CIE-LAB | lab(63.63, 26.46, 48.99) |
| CIE-LCH | lch(63.63, 55.68, 61.62°) |
| OKLab | oklab(69.63% 0.0719 0.1109) |
| OKLCH | oklch(69.63% 0.132 57) |
| XYZ | xyz(38.4250, 32.3528, 9.3743) |
| Luminance | 0.3235 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dull Orange
#D8863B
ΔE00 1.68
Peru
#CD853F
ΔE00 3.30
Bronze
#CD7F32
ΔE00 3.83
Dusty Orange
#F0833A
ΔE00 4.77
Faded Orange
#F0944D
ΔE00 4.95
Brownish Orange
#CB7723
ΔE00 5.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DA8642 #4296DA
analogous
#DA424A #DA8642 #DAD242
triadic
#DA8642 #42DA86 #8642DA
tetradic
#DA8642 #4ADA42 #4296DA #D242DA
square
#DA8642 #4ADA42 #4296DA #D242DA
split-complementary
#DA8642 #42DAD2 #424ADA
monochromatic
#874B1A #BA6824 #DA8642 #E4A775 #EEC8A8
إمكانية الوصول والتباين
On white
2.81
#DA8642 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.47
#DA8642 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DA8642
7.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DA8642 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DA8642 | 1.00 | 2.81 | 7.47 | 7.47 |
| #FFFFFF | 2.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.47 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.47 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9F8F3B
Deuteranopia (green-blind)
#B3A242
Tritanopia (blue-blind)
#EE7477
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #da8642; /* rgb */ color: rgb(218, 134, 66); /* oklch */ color: oklch(69.6% 0.132 57.0);
Tailwind
colors: {
custom: {
50: '#eba979',
500: '#da8642',
950: '#000000',
},
}SCSS
$custom: #da8642; $custom-light: #eba979; $custom-dark: #000000;
JSON
{
"hex": "#da8642",
"rgb": {
"r": 218,
"g": 134,
"b": 66
},
"hsl": {
"h": 26.842,
"s": 67.257,
"l": 55.686
},
"oklch": {
"l": 0.69629,
"c": 0.13211,
"h": 57
},
"luminance": 0.32349
}Semantic roles & 50–950 ramp
primary
#DA8642
secondary
#9CBFDB
accent
#9DEA3E
background
#FFFAF7
surface
#FEF4EE
border
#D6CEC9
text
#171009
muted
#857F7B