#AFF25F#AFF25F
#AFF25F لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.734؛ OKLCH L 88.7% C 0.190 H 130.2°. أفضل لون لنص المتن هو #000000 بتباين 15.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AFF25F |
|---|---|
| RGB | rgb(175, 242, 95) |
| HSL | hsl(87, 85%, 66%) |
| HSV | hsv(87, 61%, 95%) |
| CMYK | cmyk(27.7%, 0%, 60.7%, 5.1%) |
| CIE-LAB | lab(88.66, -43.50, 62.58) |
| CIE-LCH | lch(88.66, 76.21, 124.80°) |
| OKLab | oklab(88.74% -0.1224 0.1447) |
| OKLCH | oklch(88.74% 0.19 130.2) |
| XYZ | xyz(51.4965, 73.4430, 22.2870) |
| Luminance | 0.7344 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Light Lime
#AEFD6C
ΔE00 2.69
Light Lime Green
#B9FF66
ΔE00 2.71
Kiwi
#9CEF43
ΔE00 2.74
Pale Lime Green
#B1FF65
ΔE00 2.75
Pale Lime
#BEFD73
ΔE00 2.75
Spring Green (survey)
#A9F971
ΔE00 2.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AFF25F #A25FF2
analogous
#F2EB5F #AFF25F #65F25F
triadic
#AFF25F #5FAFF2 #F25FAF
tetradic
#AFF25F #5FF2EB #A25FF2 #F25F65
square
#AFF25F #5FF2EB #A25FF2 #F25F65
split-complementary
#AFF25F #5F65F2 #EB5FF2
monochromatic
#73C610 #93ED26 #AFF25F #CBF798 #E8FBD0
إمكانية الوصول والتباين
On white
1.34
#AFF25F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.69
#AFF25F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AFF25F
15.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AFF25F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AFF25F | 1.00 | 1.34 | 15.69 | 15.69 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FCE24E
Deuteranopia (green-blind)
#F3DD6A
Tritanopia (blue-blind)
#B3E8D3
Achromatopsia (no color)
#DFDFDF
وسوم التصميم والكود
CSS
--color: #aff25f; /* rgb */ color: rgb(175, 242, 95); /* oklch */ color: oklch(88.7% 0.190 130.2);
Tailwind
colors: {
custom: {
50: '#caf692',
500: '#aff25f',
950: '#000000',
},
}SCSS
$custom: #aff25f; $custom-light: #caf692; $custom-dark: #000000;
JSON
{
"hex": "#aff25f",
"rgb": {
"r": 175,
"g": 242,
"b": 95
},
"hsl": {
"h": 87.347,
"s": 84.971,
"l": 66.078
},
"oklch": {
"l": 0.88741,
"c": 0.18952,
"h": 130.2
},
"luminance": 0.73444
}Semantic roles & 50–950 ramp
primary
#AFF25F
secondary
#7432C4
accent
#04E169
background
#FEFFFC
surface
#FBFEF4
border
#D4D6CE
text
#14170D
muted
#83857F