#AAD997#AAD997
#AAD997 لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.604؛ OKLCH L 83.6% C 0.102 H 136.9°. أفضل لون لنص المتن هو #000000 بتباين 13.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AAD997 |
|---|---|
| RGB | rgb(170, 217, 151) |
| HSL | hsl(103, 46%, 72%) |
| HSV | hsv(103, 30%, 85%) |
| CMYK | cmyk(21.7%, 0%, 30.4%, 14.9%) |
| CIE-LAB | lab(82.06, -27.35, 27.69) |
| CIE-LCH | lch(82.06, 38.92, 134.64°) |
| OKLab | oklab(83.57% -0.0744 0.0696) |
| OKLCH | oklch(83.57% 0.102 136.9) |
| XYZ | xyz(46.9750, 60.4050, 38.4565) |
| Luminance | 0.6041 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Light Grey Green
#B7E1A1
ΔE00 2.34
Light Sage
#BCECAC
ΔE00 4.44
Hospital Green
#9BE5AA
ΔE00 5.53
Pale Olive Green
#B1D27B
ΔE00 5.82
Light Moss Green
#A6C875
ΔE00 6.30
Washed Out Green
#BCF5A6
ΔE00 6.31
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AAD997 #C697D9
analogous
#CBD997 #AAD997 #97D9A5
triadic
#AAD997 #97AAD9 #D997AA
tetradic
#AAD997 #97CBD9 #C697D9 #D9A597
square
#AAD997 #97CBD9 #C697D9 #D9A597
split-complementary
#AAD997 #A597D9 #D997CB
monochromatic
#63B442 #85C96A #AAD997 #CFE9C4 #EDF7E9
إمكانية الوصول والتباين
On white
1.61
#AAD997 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.08
#AAD997 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AAD997
13.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AAD997 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AAD997 | 1.00 | 1.61 | 13.08 | 13.08 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.08 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DECF93
Deuteranopia (green-blind)
#D6CA9A
Tritanopia (blue-blind)
#A9D4C8
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #aad997; /* rgb */ color: rgb(170, 217, 151); /* oklch */ color: oklch(83.6% 0.102 136.9);
Tailwind
colors: {
custom: {
50: '#c4e5b6',
500: '#aad997',
950: '#000000',
},
}SCSS
$custom: #aad997; $custom-light: #c4e5b6; $custom-dark: #000000;
JSON
{
"hex": "#aad997",
"rgb": {
"r": 170,
"g": 217,
"b": 151
},
"hsl": {
"h": 102.727,
"s": 46.479,
"l": 72.157
},
"oklch": {
"l": 0.83566,
"c": 0.10192,
"h": 136.9
},
"luminance": 0.60406
}Semantic roles & 50–950 ramp
primary
#AAD997
secondary
#9A64B0
accent
#2CBA91
background
#FDFEFD
surface
#F9FCF8
border
#D2D5D1
text
#131511
muted
#828481