#AC9955#AC9955
#AC9955 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.322؛ OKLCH L 68.5% C 0.091 H 94.2°. أفضل لون لنص المتن هو #000000 بتباين 7.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AC9955 |
|---|---|
| RGB | rgb(172, 153, 85) |
| HSL | hsl(47, 34%, 50%) |
| HSV | hsv(47, 51%, 67%) |
| CMYK | cmyk(0%, 11%, 50.6%, 32.5%) |
| CIE-LAB | lab(63.52, -2.14, 38.04) |
| CIE-LCH | lch(63.52, 38.10, 93.22°) |
| OKLab | oklab(68.48% -0.0066 0.0908) |
| OKLCH | oklch(68.48% 0.091 94.2) |
| XYZ | xyz(30.0452, 32.2103, 13.2272) |
| Luminance | 0.3221 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Khaki
#9B8F55
ΔE00 4.61
Dark Sand
#A88F59
ΔE00 4.71
Dark Beige
#AC9362
ΔE00 5.16
Sandy Brown
#C4A661
ΔE00 5.73
Khaki (survey)
#AAA662
ΔE00 5.74
Dust
#B2996E
ΔE00 6.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AC9955 #5568AC
analogous
#AC6E55 #AC9955 #93AC55
triadic
#AC9955 #55AC99 #9955AC
tetradic
#AC9955 #55AC6E #5568AC #AC5593
square
#AC9955 #55AC6E #5568AC #AC5593
split-complementary
#AC9955 #5593AC #6E55AC
monochromatic
#5A502C #847540 #AC9955 #C0B27E #D4CAA7
إمكانية الوصول والتباين
On white
2.82
#AC9955 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.44
#AC9955 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AC9955
7.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AC9955 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AC9955 | 1.00 | 2.82 | 7.44 | 7.44 |
| #FFFFFF | 2.82 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A6964F
Deuteranopia (green-blind)
#AB9C58
Tritanopia (blue-blind)
#B89089
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #ac9955; /* rgb */ color: rgb(172, 153, 85); /* oklch */ color: oklch(68.5% 0.091 94.2);
Tailwind
colors: {
custom: {
50: '#c7b686',
500: '#ac9955',
950: '#000000',
},
}SCSS
$custom: #ac9955; $custom-light: #c7b686; $custom-dark: #000000;
JSON
{
"hex": "#ac9955",
"rgb": {
"r": 172,
"g": 153,
"b": 85
},
"hsl": {
"h": 46.897,
"s": 34.387,
"l": 50.392
},
"oklch": {
"l": 0.68479,
"c": 0.09101,
"h": 94.2
},
"luminance": 0.32209
}Semantic roles & 50–950 ramp
primary
#AC9955
secondary
#9BA3C2
accent
#75CA5D
background
#FCFBF8
surface
#F8F6EF
border
#D1D0CA
text
#13110B
muted
#82807C