#AD985A#AD985A
#AD985A لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.321؛ OKLCH L 68.4% C 0.085 H 91.3°. أفضل لون لنص المتن هو #000000 بتباين 7.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AD985A |
|---|---|
| RGB | rgb(173, 152, 90) |
| HSL | hsl(45, 34%, 52%) |
| HSV | hsv(45, 48%, 68%) |
| CMYK | cmyk(0%, 12.1%, 48%, 32.2%) |
| CIE-LAB | lab(63.41, -0.69, 35.33) |
| CIE-LCH | lch(63.41, 35.34, 91.11°) |
| OKLab | oklab(68.44% -0.0019 0.0851) |
| OKLCH | oklch(68.44% 0.085 91.3) |
| XYZ | xyz(30.3082, 32.0802, 14.2665) |
| Luminance | 0.3208 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dark Sand
#A88F59
ΔE00 3.53
Dark Beige
#AC9362
ΔE00 3.74
Dark Khaki
#9B8F55
ΔE00 4.62
Dust
#B2996E
ΔE00 5.19
Sandy Brown
#C4A661
ΔE00 5.49
Camel (survey)
#C69F59
ΔE00 6.37
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AD985A #5A6FAD
analogous
#AD6F5A #AD985A #99AD5A
triadic
#AD985A #5AAD98 #985AAD
tetradic
#AD985A #5AAD6F #5A6FAD #AD5A99
square
#AD985A #5AAD6F #5A6FAD #AD5A99
split-complementary
#AD985A #5A99AD #6F5AAD
monochromatic
#5E522F #877643 #AD985A #C1B283 #D6CBAC
إمكانية الوصول والتباين
On white
2.83
#AD985A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.42
#AD985A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AD985A
7.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AD985A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AD985A | 1.00 | 2.83 | 7.42 | 7.42 |
| #FFFFFF | 2.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A49655
Deuteranopia (green-blind)
#AA9C5C
Tritanopia (blue-blind)
#B98F89
Achromatopsia (no color)
#999999
وسوم التصميم والكود
CSS
--color: #ad985a; /* rgb */ color: rgb(173, 152, 90); /* oklch */ color: oklch(68.4% 0.085 91.3);
Tailwind
colors: {
custom: {
50: '#c7b68a',
500: '#ad985a',
950: '#000000',
},
}SCSS
$custom: #ad985a; $custom-light: #c7b68a; $custom-dark: #000000;
JSON
{
"hex": "#ad985a",
"rgb": {
"r": 173,
"g": 152,
"b": 90
},
"hsl": {
"h": 44.819,
"s": 33.603,
"l": 51.569
},
"oklch": {
"l": 0.68439,
"c": 0.08512,
"h": 91.3
},
"luminance": 0.32079
}Semantic roles & 50–950 ramp
primary
#AD985A
secondary
#9FA8C4
accent
#79CA5E
background
#FCFBF8
surface
#F8F6F0
border
#D1D0CB
text
#13110C
muted
#82807D