#AED33F#AED33F
#AED33F لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.559؛ OKLCH L 81.3% C 0.174 H 122.6°. أفضل لون لنص المتن هو #000000 بتباين 12.19:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AED33F |
|---|---|
| RGB | rgb(174, 211, 63) |
| HSL | hsl(75, 63%, 54%) |
| HSV | hsv(75, 70%, 83%) |
| CMYK | cmyk(17.5%, 0%, 70.1%, 17.3%) |
| CIE-LAB | lab(79.58, -32.23, 65.55) |
| CIE-LCH | lch(79.58, 73.04, 116.18°) |
| OKLab | oklab(81.3% -0.094 0.1468) |
| OKLCH | oklch(81.3% 0.174 122.6) |
| XYZ | xyz(41.6475, 55.9459, 13.3062) |
| Luminance | 0.5595 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Yellowgreen
#9ACD32
ΔE00 3.13
Yellowish Green
#B0DD16
ΔE00 3.65
Slime Green
#99CC04
ΔE00 3.70
Green Yellow
#B5CE08
ΔE00 4.35
Snot Green
#9DC100
ΔE00 5.14
Pea
#A4BF20
ΔE00 5.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AED33F #643FD3
analogous
#D3AE3F #AED33F #64D33F
triadic
#AED33F #3FAED3 #D33FAE
tetradic
#AED33F #3FD3AE #643FD3 #D33F64
square
#AED33F #3FD3AE #643FD3 #D33F64
split-complementary
#AED33F #3F64D3 #AE3FD3
monochromatic
#647B1C #8CAD28 #AED33F #C3DE71 #D8EAA3
إمكانية الوصول والتباين
On white
1.72
#AED33F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.19
#AED33F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AED33F
12.19:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AED33F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AED33F | 1.00 | 1.72 | 12.19 | 12.19 |
| #FFFFFF | 1.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.19 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.19 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DFC626
Deuteranopia (green-blind)
#DBC54B
Tritanopia (blue-blind)
#B7C8B6
Achromatopsia (no color)
#C5C5C5
وسوم التصميم والكود
CSS
--color: #aed33f; /* rgb */ color: rgb(174, 211, 63); /* oklch */ color: oklch(81.3% 0.174 122.6);
Tailwind
colors: {
custom: {
50: '#cae07d',
500: '#aed33f',
950: '#000000',
},
}SCSS
$custom: #aed33f; $custom-light: #cae07d; $custom-dark: #000000;
JSON
{
"hex": "#aed33f",
"rgb": {
"r": 174,
"g": 211,
"b": 63
},
"hsl": {
"h": 75,
"s": 62.712,
"l": 53.725
},
"oklch": {
"l": 0.813,
"c": 0.17431,
"h": 122.6
},
"luminance": 0.55946
}Semantic roles & 50–950 ramp
primary
#AED33F
secondary
#473383
accent
#42E66B
background
#FEFEFB
surface
#FBFCF2
border
#D4D5CC
text
#14150A
muted
#83847D