#AAAF61#AAAF61
#AAAF61 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.401؛ OKLCH L 73.3% C 0.102 H 111.9°. أفضل لون لنص المتن هو #000000 بتباين 9.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AAAF61 |
|---|---|
| RGB | rgb(170, 175, 97) |
| HSL | hsl(64, 33%, 53%) |
| HSV | hsv(64, 45%, 69%) |
| CMYK | cmyk(2.9%, 0%, 44.6%, 31.4%) |
| CIE-LAB | lab(69.52, -13.45, 39.23) |
| CIE-LCH | lch(69.52, 41.48, 108.93°) |
| OKLab | oklab(73.25% -0.0378 0.0943) |
| OKLCH | oklch(73.25% 0.102 111.9) |
| XYZ | xyz(34.0657, 40.0696, 17.2466) |
| Luminance | 0.4007 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Khaki (survey)
#AAA662
ΔE00 3.59
Darkkhaki
#BDB76B
ΔE00 4.24
Light Olive
#ACBF69
ΔE00 5.05
Tan Green
#A9BE70
ΔE00 5.34
Light Olive Green
#A4BE5C
ΔE00 6.04
Booger
#9BB53C
ΔE00 6.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AAAF61 #6661AF
analogous
#AF8D61 #AAAF61 #83AF61
triadic
#AAAF61 #61AAAF #AF61AA
tetradic
#AAAF61 #61AF8D #6661AF #AF6183
square
#AAAF61 #61AF8D #6661AF #AF6183
split-complementary
#AAAF61 #6183AF #8D61AF
monochromatic
#606332 #888C47 #AAAF61 #C0C48A #D6D8B2
إمكانية الوصول والتباين
On white
2.33
#AAAF61 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.01
#AAAF61 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AAAF61
9.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AAAF61 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AAAF61 | 1.00 | 2.33 | 9.01 | 9.01 |
| #FFFFFF | 2.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.01 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.01 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B9A95B
Deuteranopia (green-blind)
#BAAB65
Tritanopia (blue-blind)
#B3A79C
Achromatopsia (no color)
#AAAAAA
وسوم التصميم والكود
CSS
--color: #aaaf61; /* rgb */ color: rgb(170, 175, 97); /* oklch */ color: oklch(73.3% 0.102 111.9);
Tailwind
colors: {
custom: {
50: '#c5c68f',
500: '#aaaf61',
950: '#000000',
},
}SCSS
$custom: #aaaf61; $custom-light: #c5c68f; $custom-dark: #000000;
JSON
{
"hex": "#aaaf61",
"rgb": {
"r": 170,
"g": 175,
"b": 97
},
"hsl": {
"h": 63.846,
"s": 32.773,
"l": 53.333
},
"oklch": {
"l": 0.73254,
"c": 0.10165,
"h": 111.9
},
"luminance": 0.40069
}Semantic roles & 50–950 ramp
primary
#AAAF61
secondary
#A7A5C7
accent
#5FC966
background
#FCFCF8
surface
#F8F8F0
border
#D1D1CB
text
#13130C
muted
#82827D