#AAD2AA#AAD2AA
#AAD2AA لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.575؛ OKLCH L 82.4% C 0.070 H 144.9°. أفضل لون لنص المتن هو #000000 بتباين 12.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AAD2AA |
|---|---|
| RGB | rgb(170, 210, 170) |
| HSL | hsl(120, 31%, 75%) |
| HSV | hsv(120, 19%, 82%) |
| CMYK | cmyk(19%, 0%, 19%, 17.6%) |
| CIE-LAB | lab(80.48, -20.83, 15.57) |
| CIE-LCH | lch(80.48, 26.00, 143.23°) |
| OKLab | oklab(82.42% -0.057 0.04) |
| OKLCH | oklch(82.42% 0.07 144.9) |
| XYZ | xyz(46.8781, 57.5404, 46.6590) |
| Luminance | 0.5754 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Darkseagreen
#8FBC8F
ΔE00 6.30
Light Grey Green
#B7E1A1
ΔE00 6.44
Hospital Green
#9BE5AA
ΔE00 6.95
Light Sage
#BCECAC
ΔE00 7.63
Mint
#AAF0C1
ΔE00 7.68
Light Teal
#90E4C1
ΔE00 8.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AAD2AA #D2AAD2
analogous
#BED2AA #AAD2AA #AAD2BE
triadic
#AAD2AA #AAAAD2 #D2AAAA
tetradic
#AAD2AA #AABED2 #D2AAD2 #D2BEAA
square
#AAD2AA #AABED2 #D2AAD2 #D2BEAA
split-complementary
#AAD2AA #BEAAD2 #D2AABE
monochromatic
#5AA85A #82BD82 #AAD2AA #D2E7D2 #EBF4EB
إمكانية الوصول والتباين
On white
1.68
#AAD2AA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.51
#AAD2AA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AAD2AA
12.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AAD2AA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AAD2AA | 1.00 | 1.68 | 12.51 | 12.51 |
| #FFFFFF | 1.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D4CAA8
Deuteranopia (green-blind)
#CDC6AC
Tritanopia (blue-blind)
#A6D0C7
Achromatopsia (no color)
#C8C8C8
وسوم التصميم والكود
CSS
--color: #aad2aa; /* rgb */ color: rgb(170, 210, 170); /* oklch */ color: oklch(82.4% 0.070 144.9);
Tailwind
colors: {
custom: {
50: '#c3e0c3',
500: '#aad2aa',
950: '#000000',
},
}SCSS
$custom: #aad2aa; $custom-light: #c3e0c3; $custom-dark: #000000;
JSON
{
"hex": "#aad2aa",
"rgb": {
"r": 170,
"g": 210,
"b": 170
},
"hsl": {
"h": 120,
"s": 30.769,
"l": 74.51
},
"oklch": {
"l": 0.82424,
"c": 0.06961,
"h": 144.9
},
"luminance": 0.57542
}Semantic roles & 50–950 ramp
primary
#AAD2AA
secondary
#A878A8
accent
#3CA9A9
background
#FDFEFD
surface
#F9FCF9
border
#D2D5D2
text
#121512
muted
#828482