#ACAE85#ACAE85
#ACAE85 لون فاتح وخافت من عائلة أصفر. الإضاءة النسبية 0.407؛ OKLCH L 73.9% C 0.056 H 110.0°. أفضل لون لنص المتن هو #000000 بتباين 9.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ACAE85 |
|---|---|
| RGB | rgb(172, 174, 133) |
| HSL | hsl(63, 20%, 60%) |
| HSV | hsv(63, 24%, 68%) |
| CMYK | cmyk(1.1%, 0%, 23.6%, 31.8%) |
| CIE-LAB | lab(69.99, -7.61, 20.88) |
| CIE-LCH | lch(69.99, 22.22, 110.03°) |
| OKLab | oklab(73.86% -0.0193 0.0529) |
| OKLCH | oklch(73.86% 0.056 110) |
| XYZ | xyz(36.3828, 40.7366, 28.1321) |
| Luminance | 0.4074 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Bland
#AFA88B
ΔE00 5.48
Sage Green
#9CAF88
ΔE00 5.70
Stone (survey)
#ADA587
ΔE00 5.79
Sand
#C2B280
ΔE00 7.03
Khaki (survey)
#AAA662
ΔE00 7.04
Putty
#BEAE8A
ΔE00 7.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ACAE85 #8785AE
analogous
#AE9B85 #ACAE85 #97AE85
triadic
#ACAE85 #85ACAE #AE85AC
tetradic
#ACAE85 #85AE9B #8785AE #AE8597
square
#ACAE85 #85AE9B #8785AE #AE8597
split-complementary
#ACAE85 #8597AE #9B85AE
monochromatic
#6D6F4A #919462 #ACAE85 #C5C6AA #DEDFCF
إمكانية الوصول والتباين
On white
2.30
#ACAE85 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.15
#ACAE85 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #ACAE85
9.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ACAE85 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ACAE85 | 1.00 | 2.30 | 9.15 | 9.15 |
| #FFFFFF | 2.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.15 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B5AA82
Deuteranopia (green-blind)
#B5AC87
Tritanopia (blue-blind)
#B2A9A3
Achromatopsia (no color)
#ABABAB
وسوم التصميم والكود
CSS
--color: #acae85; /* rgb */ color: rgb(172, 174, 133); /* oklch */ color: oklch(73.9% 0.056 110.0);
Tailwind
colors: {
custom: {
50: '#c5c6a8',
500: '#acae85',
950: '#000000',
},
}SCSS
$custom: #acae85; $custom-light: #c5c6a8; $custom-dark: #000000;
JSON
{
"hex": "#acae85",
"rgb": {
"r": 172,
"g": 174,
"b": 133
},
"hsl": {
"h": 62.927,
"s": 20.197,
"l": 60.196
},
"oklch": {
"l": 0.7386,
"c": 0.05632,
"h": 110
},
"luminance": 0.40736
}Semantic roles & 50–950 ramp
primary
#ACAE85
secondary
#C0C0CF
accent
#479F4B
background
#FCFCFA
surface
#F8F8F4
border
#D1D1CE
text
#13130F
muted
#82827F